:root{--primary:#667eea;--secondary:#764ba2;--accent:#f093fb;--text:#333;--light:#f8f9fa;--border:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Poppins','Segoe UI',sans-serif;color:var(--text);line-height:1.6;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.language-selector{position:fixed;top:80px;right:20px;z-index:999;background:white;padding:10px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.language-selector select{padding:8px 12px;border:2px solid var(--primary);border-radius:6px;cursor:pointer;font-weight:600}.navbar{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:white;text-decoration:none;font-weight:600;transition:opacity 0.3s}.nav-menu a:hover,.nav-menu a.active{opacity:0.8}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:white;margin:5px 0}.hero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:60px 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px}.search-box{display:flex;gap:10px;max-width:500px;margin:0 auto}.search-box input{flex:1;padding:12px 15px;border:none;border-radius:8px;font-size:1rem}.search-box button{padding:12px 30px;background:var(--accent);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer}.info-section{background:var(--light);padding:40px 0;margin:40px 0}.info-section h2{color:var(--primary);margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.info-item{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.info-item .label{display:block;font-weight:600;color:var(--primary);margin-bottom:8px}.info-item .value{display:block;font-size:1.2rem;color:var(--text)}.weather-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:30px;border-radius:10px;text-align:center}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.weather-icon{width:80px;height:80px}.weather-main{margin:20px 0}.temperature{display:flex;flex-direction:column}.temp-value{font-size:2.5rem;font-weight:700}.temp-desc{font-size:1.1rem;opacity:0.9}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.detail-item{background:rgba(255,255,255,0.1);padding:15px;border-radius:8px}.detail-item .label{font-size:0.9rem;opacity:0.8}.detail-item .value{font-size:1.2rem;font-weight:600}.ads-section{padding:40px 0;background:var(--light)}.ads-area{background:white;border:2px dashed var(--border);border-radius:10px;min-height:200px;display:flex;align-items:center;justify-content:center;color:#999;font-weight:600}.categories-section{padding:60px 0}.categories-section h2{text-align:center;font-size:2rem;margin-bottom:40px;color:var(--primary)}.category-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.cat-tab{padding:10px 20px;background:var(--light);border:2px solid var(--border);border-radius:8px;cursor:pointer;font-weight:600;color:var(--text);transition:all 0.3s}.cat-tab.active{background:var(--primary);color:white;border-color:var(--primary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.category-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:30px;border-radius:12px;text-align:center;cursor:pointer;transition:all 0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,0.2)}.category-card h3{font-size:1.3rem;margin-bottom:10px}.category-card p{font-size:0.9rem;opacity:0.9}.trending-section{padding:60px 0}.trending-section h2{text-align:center;font-size:2rem;margin-bottom:40px;color:var(--primary)}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.trending-card{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all 0.3s}.trending-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.trending-card h3{color:var(--primary);margin-bottom:10px}.trending-card p{color:#666;margin-bottom:10px}.trending-card a{display:inline-block;padding:8px 15px;background:var(--primary);color:white;text-decoration:none;border-radius:6px;font-size:0.9rem;transition:all 0.3s}.trending-card a:hover{background:var(--secondary)}.news-section{padding:60px 0}.news-section h2{text-align:center;font-size:2rem;margin-bottom:40px;color:var(--primary)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.news-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all 0.3s}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.news-image{width:100%;height:200px;object-fit:cover}.news-content{padding:20px}.news-content h3{color:var(--primary);margin-bottom:10px}.news-content p{color:#666;margin-bottom:10px}.news-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}.news-date{font-size:0.9rem;color:#999}.read-more{color:var(--primary);text-decoration:none;font-weight:600}.read-more:hover{text-decoration:underline}.chat-bot{position:fixed;bottom:20px;right:20px;z-index:1000;width:350px;max-height:500px;background:white;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.2);display:flex;flex-direction:column}.chat-bot-window{display:flex;flex-direction:column;height:100%}.chat-header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:15px;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0}.close-chat{background:0;border:none;color:white;font-size:1.5rem;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:15px;background:var(--light)}.bot-message,.user-message{margin-bottom:10px;padding:10px 15px;border-radius:8px;max-width:80%}.bot-message{background:white;border-left:3px solid var(--primary)}.user-message{background:var(--primary);color:white;margin-left:auto}.chat-input{display:flex;gap:10px;padding:15px;border-top:1px solid var(--border)}.chat-input input{flex:1;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:0.9rem}.chat-input button{padding:10px 15px;background:var(--primary);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:600}.footer{background:#2c3e50;color:white;padding:40px 0;text-align:center;margin-top:60px}.footer-content p{margin:10px 0}.footer-content a{color:var(--accent);text-decoration:none}.footer-content a:hover{text-decoration:underline}.visitor-info-card{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.visitor-info-card h3{color:var(--primary);margin-bottom:20px}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:60px;left:0;width:100%;background:var(--primary);flex-direction:column;gap:0;padding:20px 0}.nav-menu.active{display:flex}.nav-menu a{padding:10px 20px;display:block}.hamburger{display:flex}.hero h1{font-size:1.8rem}.categories-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.chat-bot{width:90%;right:5%;left:5%}.trending-grid{grid-template-columns:1fr}}@media (max-width:480px){.logo{font-size:1.3rem}.hero h1{font-size:1.4rem}.search-box{flex-direction:column}.search-box button{width:100%}.categories-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.category-tabs{flex-direction:column}.cat-tab{width:100%}}