:root{--weather-sun:#f6c23e;--weather-cloud:#858796;--weather-rain:#4e73df;}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}.bg-gradient-info{background:linear-gradient(180deg, #36b9cc 0%, #258391 100%);}.weather-main-card{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;}.weather-main-card .card-body{padding:2rem;}.city-name{font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.2);}.weather-icon-large{font-size:5rem;}.weather-icon-large i{filter:drop-shadow(0 4px 6px rgba(0,0,0,0.2));}.temperature{font-size:4rem;font-weight:700;line-height:1;}.condition{font-size:1.5rem;opacity:0.9;text-transform:capitalize;}.weather-details{font-size:1rem;}.weather-details span{background:rgba(255,255,255,0.15);padding:0.5rem 1rem;border-radius:20px;}.quick-cities{display:flex;flex-wrap:wrap;gap:0.5rem;}.city-btn{border-radius:20px;font-weight:500;transition:all 0.2s ease;}.city-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15);}.forecast-container{display:flex;justify-content:space-between;gap:1rem;overflow-x:auto;padding:0.5rem 0;}.forecast-day{flex:1;min-width:100px;text-align:center;padding:1rem 0.5rem;border-radius:12px;background:#f8f9fc;transition:all 0.2s ease;}.forecast-day:hover{background:#e3e6f0;transform:translateY(-3px);}.forecast-day .day-name{font-weight:600;color:#4e73df;margin-bottom:0.5rem;}.forecast-day .day-date{font-size:0.8rem;color:#858796;margin-bottom:0.5rem;}.forecast-day .weather-icon{font-size:2rem;margin:0.5rem 0;}.forecast-day .temp-max{font-weight:700;font-size:1.1rem;}.forecast-day .temp-min{color:#858796;font-size:0.9rem;}.chart-area{position:relative;height:250px;width:100%;}.radar-container{position:relative;width:100%;height:350px;background:#1a1a2e;}#content-wrapper{margin-left:0 !important;}.sidebar{display:none !important;}.radar-container iframe{width:100%;height:100%;border:none;}.ad-card{border:2px dashed #d1d3e2;background-color:#fafafa;}.ad-placeholder{padding:2rem;border-radius:8px;background-color:#f0f0f0;}.bg-gradient-info{background:linear-gradient(135deg, #36b9cc 0%, #258391 100%);}.bg-gradient-primary{background:linear-gradient(135deg, #4e73df 0%, #224abe 100%);}.bg-gradient-secondary{background:linear-gradient(135deg, #858796 0%, #60616f 100%);}.bg-gradient-dark{background:linear-gradient(135deg, #5a5c69 0%, #373840 100%);}@media (max-width:768px){.weather-main-card .card-body{padding:1.5rem;}.city-name{font-size:1.8rem;}.weather-icon-large{font-size:3.5rem;}.temperature{font-size:3rem;}.condition{font-size:1.2rem;}.weather-details{font-size:0.85rem;}.weather-details span{padding:0.4rem 0.8rem;display:inline-block;margin-bottom:0.3rem;}.forecast-container{gap:0.5rem;}.forecast-day{min-width:80px;padding:0.75rem 0.25rem;}.forecast-day .weather-icon{font-size:1.5rem;}.radar-container{height:350px;}.form-control{font-size:16px;}}@media (max-width:375px){.temperature{font-size:2.5rem;}.weather-icon-large{font-size:3rem;}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.weather-main-card{animation:fadeIn 0.5s ease forwards;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:#f1f1f1;}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:#a8a8a8;}::selection{background-color:rgba(54, 185, 204, 0.3);color:#258391;}