.container,.nav-container{max-width:1200px;margin:0 auto}.nav-container,.nav-logo{display:flex;align-items:center}.mobile-logo a.logo-link,.nav-logo a.logo-link{text-decoration:none!important;letter-spacing:.03em;box-shadow:none;transition:color .3s,box-shadow .3s,transform .3s}.mobile-logo i,.nav-logo i{animation:2s ease-in-out infinite alternate logoGlow;margin-right:.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;color:#333;overflow-x:hidden;padding-top:80px}.container{padding:20px 1rem 0;position:relative;z-index:10}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.bg-element{position:absolute;background:rgba(255,255,255,.1);border-radius:50%;filter:blur(40px)}.bg-element-1{width:128px;height:128px;top:80px;left:40px;animation:20s linear infinite float1}.bg-element-2{width:96px;height:96px;top:160px;right:80px;animation:25s linear infinite float2}.bg-element-3,.weather-icon img{width:80px;height:80px}.bg-element-3{bottom:80px;left:25%;animation:30s linear infinite float3}@keyframes float1{0%,100%,66%{transform:translate(0,0)}33%{transform:translate(100px,-50px)}}@keyframes float2{0%,100%,66%{transform:translate(0,0)}33%{transform:translate(-80px,100px)}}@keyframes float3{0%,100%,66%{transform:translate(0,0)}33%{transform:translate(60px,-30px)}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem;background:rgba(255,255,255,.15);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 2px 20px rgba(0,0,0,.1);transition:.3s}.dropdown-menu,.mobile-menu,.temp-toggle-btn{backdrop-filter:blur(10px)}.navigation.scrolled{background:rgba(255,255,255,.2);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.4)}.nav-container{justify-content:space-between}.nav-logo{gap:.75rem;color:#fff;font-weight:700;font-size:1.5rem;text-decoration:none;transition:.3s}.dropdown-item,.nav-link{color:rgba(255,255,255,.8);text-decoration:none;display:flex;transition:.3s}.nav-logo:hover{transform:scale(1.05)}.nav-logo a.logo-link{border-bottom:none!important;color:inherit;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.7rem;background:0 0}.mobile-logo a.logo-link:hover,.nav-logo a.logo-link:hover{color:#fbbf24;transform:scale(1.05);text-shadow:0 2px 12px rgba(251,191,36,.25)}.mobile-logo a.logo-link:active,.nav-logo a.logo-link:active{transform:scale(1.02);transition:transform .1s}.nav-logo i{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.1rem;filter:drop-shadow(0 2px 4px rgba(251, 191, 36, .3))}.mobile-logo .fas.fa-cloud-sun,.mobile-logo i,.nav-logo .fas.fa-cloud-sun{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(251, 191, 36, .3))}.dropdown-item span,.nav-link{font-size:.875rem;font-weight:500}@keyframes logoGlow{0%{filter:drop-shadow(0 2px 4px rgba(251, 191, 36, .3))}100%{filter:drop-shadow(0 4px 8px rgba(251, 191, 36, .6))}}.desktop-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem}.mobile-menu-items a:hover,.mobile-nav-link:hover,.nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}.mobile-menu-items a.active,.mobile-nav-link.active,.nav-link.active{background:rgba(147,197,253,.2);border:1px solid rgba(147,197,253,.3);color:#93c5fd}.cities-dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-toggle .fa-chevron-down{font-size:.75rem;margin-left:.25rem;transition:transform .3s}.cities-dropdown:hover .fa-chevron-down{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,rgba(59,130,246,.95) 0,rgba(147,51,234,.95) 100%);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.2);min-width:200px;z-index:50;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s}.cities-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{flex-direction:column;align-items:flex-start;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff}.dropdown-item.active{background:rgba(147,197,253,.2);color:#93c5fd}.dropdown-item small{font-size:.75rem;opacity:.7;margin-top:.125rem}.mobile-cities-section{margin:1rem 0;padding:1rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.mobile-cities-section h4{color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.capital-badge span,.stat-content h4{text-transform:uppercase;letter-spacing:.5px}.mobile-cities-section a{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.8);text-decoration:none;padding:.5rem 0;transition:.3s;font-size:.875rem}.footer-section ul li a:hover,.mobile-cities-section a:hover{color:#fff}.mobile-cities-section a.active{color:#93c5fd}.mobile-cities-section a span,.temp-celsius{font-weight:500}.mobile-cities-section a small{font-size:.75rem;opacity:.7;margin-left:auto}.temp-toggle{display:flex;align-items:center;gap:.25rem;margin-right:1rem}.current-city,.temp-toggle-btn{align-items:center;font-size:.875rem}.temp-toggle-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);padding:.5rem .75rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:.3s;display:flex;gap:.5rem;min-width:60px;justify-content:center}.current-city,.mobile-temp-toggle{gap:.5rem;border-radius:.5rem;background:rgba(255,255,255,.1);display:flex}.temp-toggle-btn:hover{background:rgba(255,255,255,.2);color:#fff}.temp-toggle-btn.active{background:rgba(255,255,255,.3);color:#fff;border-color:rgba(255,255,255,.5)}.mobile-temp-toggle{margin:1.5rem;padding:1rem;justify-content:center}.mobile-temp-toggle .temp-toggle-btn{flex:1;padding:.75rem 1rem;font-size:1rem;justify-content:center;min-width:80px}.current-city{color:rgba(255,255,255,.6);padding:.5rem .75rem}.hamburger-menu{display:none;background:rgba(255,255,255,.1);border:none;color:#fff;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:.3s;min-width:44px;min-height:44px;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.hamburger-menu.scrolling{opacity:.3!important;pointer-events:none!important;cursor:not-allowed!important}.hamburger-menu:hover,.hourly-item:hover,.mobile-menu-close:hover,.mobile-menu-header button:hover{background:rgba(255,255,255,.2)}.mobile-menu{display:none;position:fixed;top:0;right:0;width:320px;height:100vh;background:linear-gradient(135deg,rgba(59,130,246,.95) 0,rgba(147,51,234,.95) 100%);box-shadow:-10px 0 25px rgba(0,0,0,.2);z-index:2000;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu.active{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:2001}.mobile-logo,.mobile-logo a.logo-link{align-items:center;font-weight:700;font-size:1.25rem;display:flex}.mobile-logo{gap:.75rem;color:#fff}.mobile-logo a.logo-link{border-bottom:none!important;color:inherit;gap:.5rem;background:0 0}.mobile-logo i{-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.mobile-menu-close,.mobile-menu-header button{background:0 0;padding:.5rem;transition:background .3s;color:#fff;cursor:pointer}.mobile-menu-header button{border:none;border-radius:.5rem}.mobile-menu-close{border:none;border-radius:.5rem;font-size:1.25rem}.mobile-current-city{margin:1.5rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:.5rem}.city-label{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:.875rem;margin-bottom:.25rem}.mobile-current-city p{color:#fff;font-weight:500;margin:0}.mobile-menu-items{padding:1rem 1.5rem 0;margin-top:.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column}.mobile-menu-items a,.mobile-nav-link{display:flex;padding:1rem 1.25rem;border-radius:.5rem;font-weight:500;color:rgba(255,255,255,.8);margin-bottom:.5rem;gap:.75rem;transition:.3s;text-decoration:none}.mobile-menu-items a{align-items:center;flex-shrink:0}.mobile-nav-link{align-items:center}.mobile-footer{position:relative;bottom:auto;left:auto;right:auto;text-align:center;color:rgba(255,255,255,.4);font-size:.75rem;display:block;z-index:1000;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.error-message,.selector-container{backdrop-filter:blur(10px);padding:1rem}.selector-container,.selector-container select{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1)}.mobile-footer p{margin:.25rem 0;color:rgba(255,255,255,.6);font-size:.875rem;flex-shrink:0}.mobile-footer p:first-child{font-weight:500;color:rgba(255,255,255,.8);margin-bottom:.5rem}.header-section,.weather-main{text-align:center;margin-bottom:2rem}.header{animation:.8s fadeInUp}.header-icon{font-size:2rem;color:#fbbf24;margin-bottom:1rem}.header h1,.header-desc{color:#fff;margin-bottom:1rem}.header h1{font-size:3rem;font-weight:700}.header-desc{font-size:1.5rem;font-weight:500;text-align:center}.header-content p,.subtitle{color:rgba(255,255,255,.8);font-size:1.125rem;margin-bottom:.5rem}.city-attractions,.city-section{margin-bottom:1.5rem}.city-selector{max-width:400px;margin:0 auto}.selector-container{display:flex;align-items:center;gap:.75rem;border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.forecast-header i,.hourly-header i,.selector-container i{color:rgba(255,255,255,.8);font-size:1.25rem}.selector-container select{cursor:pointer;flex:1;border-radius:.5rem;padding:.75rem;color:#fff;font-size:1rem;outline:0;transition:.3s}.selector-container select:focus{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.selector-container select option{background:#1f2937;color:#fff}.error-message{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:1rem;max-width:400px;margin:0 auto 1.5rem;text-align:center;animation:.6s fadeInUp}.error-message p{color:#fca5a5;font-weight:500;margin-bottom:.5rem}.error-message button{background:rgba(255,255,255,.2);border:none;color:#fff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background .3s}.error-message button:hover{background:rgba(255,255,255,.3)}.weather-card{background:linear-gradient(135deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.08) 100%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid rgba(255,255,255,.22);border-radius:1.75rem;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:3.5rem 2rem 2.5rem;margin-bottom:1.5rem;color:#fff;animation:.6s .3s both fadeInUp}.forecast-card,.hourly-forecast{backdrop-filter:blur(10px);background:rgba(255,255,255,.1)}.city-info-card,.forecast-card,.hourly-forecast{box-shadow:0 8px 32px rgba(0,0,0,.1)}.weather-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;position:relative}.weather-header .location-info h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;max-width:calc(100% - 3rem)}.weather-header .location-info p{color:#fff;font-size:1.4rem;font-weight:500;max-width:calc(100% - 4rem)}.weather-icon{position:absolute;top:.5rem;right:.5rem}.weather-icon .weather-emoji{font-size:4rem!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.12)!important;display:block!important}.weather-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.temperature{margin-bottom:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.temp-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;flex-direction:column}.temp-value{font-size:4rem;font-weight:700;color:#fff}.temp-display .temp-fahrenheit,.temp-fahrenheit{font-size:4rem;color:#fff;font-weight:700;display:none}.temp-feels{display:flex;align-items:center;justify-content:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:1.25rem;font-weight:500;margin-top:.5rem}.temp-feels .temp-feels-fahrenheit,.temp-feels-fahrenheit{color:rgba(255,255,255,.8);font-size:1.25rem;font-weight:500;display:none}.condition{font-size:1.5rem;font-weight:700;color:#fff;margin-top:.5rem;margin-bottom:.5rem;text-align:center}.weather-details .detail-item{color:#e0e7ef}.weather-icon i{font-size:4rem;color:rgba(255,255,255,.9)}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.9);font-size:1.125rem;font-weight:500}.detail-item i{color:rgba(255,255,255,.7);width:20px;font-size:1.25rem}.forecast-card{border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;margin-bottom:1.5rem;animation:.6s .2s both fadeInUp}.forecast-header,.hourly-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.forecast-header h3,.hourly-header h3{color:#fff;font-size:1.25rem;font-weight:600}.day-icon i,.day-name{color:rgba(255,255,255,.9)}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;max-width:100%}.forecast-day{text-align:center;padding:1rem;border-radius:.75rem;background:rgba(255,255,255,.1);transition:.3s;cursor:pointer;animation:.4s fadeInUp;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.contact-btn:hover,.forecast-day:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.forecast-day.selected,.hourly-item.selected{background:rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.5)}@media (min-width:1024px){.forecast-day{min-width:150px;max-width:200px}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.75rem}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;overflow-x:visible}.hourly-item{min-width:100px}}@media (min-width:1280px){.forecast-day{min-width:160px;max-width:220px}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.25rem}.hourly-item{min-width:110px}}.climate-text,.day-condition{max-width:100%;white-space:normal}@media (min-width:1536px){.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.25rem}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.hourly-item{min-width:120px}}.day-icon,.day-info,.day-temps{margin-bottom:.75rem}.day-name{font-size:1rem;font-weight:600;margin-bottom:.25rem}.day-date,.trend-label{color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500}.day-icon img{width:48px;height:48px}.day-icon i{font-size:2.5rem}.day-icon .weather-emoji{font-size:2.5rem;display:block;margin-bottom:.25rem}.rain-chance,.temp-high,.temp-low{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.35rem}.temp-range{display:flex;flex-direction:column;align-items:center;gap:.1rem}.temp-fahrenheit{font-size:.75rem;opacity:1;display:none;font-weight:500}.temp-high{color:#fff;font-weight:600;font-size:1.125rem}.rain-chance,.temp-low{font-size:1rem;font-weight:500}.temp-low{color:rgba(255,255,255,.8)}.rain-chance{color:#93c5fd;margin-top:.25rem}.day-condition{color:rgba(255,255,255,.8);font-size:.875rem;font-weight:500;overflow:hidden;word-wrap:break-word;margin-top:.75rem;line-height:1.3}.hourly-forecast{border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;margin-bottom:1.5rem;animation:.6s .3s both fadeInUp}.hourly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.city-card,.hourly-item,.stat{overflow:hidden}.hourly-item{text-align:center;padding:.75rem;border-radius:.75rem;background:rgba(255,255,255,.1);transition:.3s;cursor:pointer;min-width:80px;word-wrap:break-word}.hourly-time{color:rgba(255,255,255,.9);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.hourly-icon{font-size:1.5rem;margin-bottom:.5rem;text-align:center;display:flex;align-items:center;justify-content:center}.hourly-icon i{font-size:1.5rem;color:rgba(255,255,255,.9)}.hourly-icon .weather-emoji{font-size:1.5rem;display:block}.hourly-temp{color:#fff;font-weight:600;font-size:1rem;margin-bottom:.25rem}.hourly-rain{color:#93c5fd;font-size:.875rem;font-weight:500}.hourly-details{background:rgba(255,255,255,.15);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.city-actions,.detail-card{text-align:center}.detail-label{color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:.5rem}.detail-value{color:#fff;font-weight:600;font-size:1.125rem;margin-bottom:.25rem}.city-subtitle,.detail-sub{color:rgba(255,255,255,.7)}.detail-sub{font-size:.75rem}.weather-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;margin-bottom:2rem}.attractions-grid,.city-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.chart-container{backdrop-filter:blur(5px)}.chart-container canvas{width:100%!important;height:200px!important;max-height:200px}.about-section,.city-info-section,.settings-section{margin-top:4rem}.city-info-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;animation:.6s .4s both fadeInUp}.city-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.city-info-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.stat-card,.stat-icon{align-items:center;display:flex}.city-card,.city-selector-form{box-shadow:0 8px 32px rgba(0,0,0,.1)}.city-info-icon i{color:#fff;font-size:1.5rem}.city-info-title h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.city-subtitle{font-size:1rem;margin:0}.city-stats-grid,.city-weather-insights,.contact-methods,.privacy-section,.terms-section,.weather-technology,.weather-tips{margin-bottom:2rem}.city-stats-grid{display:grid;gap:1rem}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;gap:1rem;transition:transform .3s,box-shadow .3s}.attraction-tag,.city-card,.city-icon,.city-select,.stat,.tip-item,.weather-btn{transition:.3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#4ecdc4 0,#44a08d 100%);border-radius:50%;justify-content:center;flex-shrink:0}.city-icon i,.stat-icon i{color:#fff;font-size:1.25rem}.stat-content h4{color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.stat-content p{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.city-attractions h3,.weather-tips h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.city-attractions h3 i,.weather-tips h3 i{color:gold}.attractions-grid{display:grid;gap:.75rem}.attraction-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:.3s}.attraction-item:hover,.tip-item:hover{background:rgba(255,255,255,.1);transform:translateX(5px)}.attraction-item i{color:#ff6b6b;font-size:1rem}.attraction-item span,.stat span{color:rgba(255,255,255,.9);font-size:.875rem;font-weight:500}.best-time-visit h3 i,.tip-item i{color:#4ecdc4}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.cities-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.tip-item{display:flex;align-items:center;gap:.75rem}.tip-item i{font-size:1rem;flex-shrink:0}.tip-item span{color:rgba(255,255,255,.9);font-size:.875rem;line-height:1.4}.best-time-visit{background:linear-gradient(135deg,rgba(102,126,234,.1) 0,rgba(118,75,162,.1) 100%);border:1px solid rgba(102,126,234,.2);border-radius:1rem;padding:1.5rem}.city-select,.city-selector-form{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.best-time-visit h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.best-time-visit p{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.5;margin:0}.cities-section,.faq-section{margin-top:3rem}.city-selector-section,.weather-section{margin:2rem 0}.city-selector-form{border-radius:1rem;padding:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:1.1rem}.city-select{width:100%;padding:1rem 1.5rem;border-radius:.75rem;color:#fff;font-size:1rem}.city-select:focus{outline:0;border-color:rgba(78,205,196,.5);box-shadow:0 0 0 3px rgba(78,205,196,.1)}.city-select option{background:#2d3748;color:#fff;padding:.5rem}.cities-grid{display:grid}.city-card,.city-icon,.stat{display:flex}.city-card{backdrop-filter:blur(10px);flex-direction:column;justify-content:space-between}.city-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,.2);border-color:rgba(255,255,255,.3)}.city-icon{align-items:center;justify-content:center}.capital-badge{display:flex;align-items:center}.stat{align-items:flex-start}.cities-grid{display:grid;gap:2.5rem;margin-top:2rem}.city-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;animation:.6s both fadeInUp;min-height:450px;flex-direction:column;justify-content:space-between;position:relative}.city-card-header,.city-icon{align-items:center;display:flex}.city-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4ecdc4,#667eea,#764ba2);opacity:0;transition:opacity .3s}.city-card:hover::before{opacity:1}.city-card-header{gap:1rem;margin-bottom:1.5rem}.city-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.city-card:hover .city-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(102,126,234,.4)}.city-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.city-region{color:rgba(255,255,255,.7);font-size:.875rem;margin:0}.capital-badge{background:linear-gradient(135deg,gold 0,#ffed4e 100%);border-radius:1rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;margin-left:auto;box-shadow:0 2px 10px rgba(255,215,0,.3);animation:2s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.capital-badge i{color:#333;font-size:.875rem}.capital-badge span{color:#333;font-size:.75rem;font-weight:600}.city-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;min-height:60px}.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem;display:flex;align-items:flex-start;gap:.5rem;min-height:50px}.attraction-tag,.stat:hover{background:rgba(255,255,255,.1)}.city-description p,.climate-text{word-wrap:break-word;overflow-wrap:break-word}.stat:hover{transform:translateY(-2px)}.stat i{color:#4ecdc4;font-size:.9rem;flex-shrink:0}.climate-text{hyphens:auto;line-height:1.2;display:block;font-size:.75rem;flex:1;text-overflow:ellipsis;overflow:hidden}.city-description{margin-bottom:1.5rem;flex:1}.city-attractions h4,.weather-btn{align-items:center;font-weight:600}.city-description p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.5;margin:0}.city-attractions h4{color:#fff;font-size:1rem;margin-bottom:.75rem;display:flex;gap:.5rem}.city-attractions h4 i{color:#fbbf24;font-size:.9rem}.attractions-list{display:flex;flex-wrap:wrap;gap:.5rem}.attraction-tag{border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;color:rgba(255,255,255,.9)}.attraction-tag:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.weather-btn{background:linear-gradient(135deg,#4ecdc4 0,#44a08d 100%);color:#fff;text-decoration:none;padding:1.25rem 2.5rem;border-radius:2rem;display:inline-flex;gap:.75rem;font-size:1.1rem;box-shadow:0 4px 15px rgba(78,205,196,.3)}.city-insight,.info-card{transition:transform .3s,box-shadow .3s}.weather-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(78,205,196,.4);color:#fff}.weather-btn i{font-size:1rem}.about-card{backdrop-filter:blur(10px);animation:.6s .4s both fadeInUp}.about-card h2,.settings-card h2{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.about-column h3,.about-column li,.contact-info p,.footer-section ul li{margin-bottom:.5rem}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.about-column h3{color:#fff;font-size:1.125rem;font-weight:600}.about-column ul{list-style:none;color:rgba(255,255,255,.8);font-size:.875rem}.settings-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1);animation:.6s .5s both fadeInUp}.settings-content{text-align:center;color:rgba(255,255,255,.6)}.settings-note{font-size:.875rem;margin-top:.5rem}.weather-info-section{margin-top:4rem;padding:3rem 0;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.info-container{max-width:1200px;margin:0 auto;padding:0 1rem}.info-header{text-align:center;margin-bottom:3rem}.info-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.info-header p{color:rgba(255,255,255,.8);font-size:1.25rem;line-height:1.6;max-width:800px;margin:0 auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.info-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;backdrop-filter:blur(10px)}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2)}.info-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 25px rgba(102,126,234,.3)}.city-insight,.climate-zone,.tech-feature,.tip-item{background:rgba(255,255,255,.08);backdrop-filter:blur(5px);padding:2rem}.info-icon i{color:#fff;font-size:2rem}.info-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.info-card p{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.7;margin:0}.georgia-weather-overview,.weather-planning-guide{margin-bottom:4rem}.city-weather-insights h3,.georgia-weather-overview h3,.weather-planning-guide h3,.weather-technology h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.city-weather-insights>p,.georgia-weather-overview>p,.weather-planning-guide>p,.weather-technology>p{color:rgba(255,255,255,.9);font-size:1.2rem;line-height:1.7;text-align:center;max-width:900px;margin:0 auto 3rem}.city-insights,.climate-zones,.tech-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.climate-zone,.tech-feature,.tip-item{border:1px solid rgba(255,255,255,.15);border-radius:1rem}.city-insight h4,.climate-zone h4{color:#fbbf24;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.city-insight p,.climate-zone p,.tech-feature p{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.6;margin:0}.planning-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.tip-item h4{color:#4ecdc4;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.tip-item ul{list-style:none;padding:0;margin:0}.tip-item li{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.7;margin-bottom:1rem;padding-left:1.5rem;position:relative}.tip-item li:before{content:"•";color:#4ecdc4;font-weight:700;position:absolute;left:0;top:0}.tip-item li strong{color:#fff;font-weight:700}.tech-feature h4{color:#ff6b6b;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.footer-features span,.footer-stats span{font-weight:500;transition:.3s;gap:.5rem}.city-insight{border:1px solid rgba(255,255,255,.15);border-radius:1rem}.footer,.footer-features span,.footer-stats span{background:rgba(255,255,255,.1)}.about-card,.footer,.footer-features span,.footer-stats span{backdrop-filter:blur(10px)}.city-insight:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.footer{border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-top:3rem;text-align:center;color:#fff;position:relative;z-index:10}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{margin-bottom:1rem;color:#fff;font-size:1.2rem}.city-group ul,.contact-topics ul,.footer-section ul,.tech-item ul{list-style:none;padding:0}.footer-section ul li a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s;position:relative;z-index:10;pointer-events:auto}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem}.footer p{margin:.5rem 0;opacity:.9}.footer p:last-child{margin-top:1rem;font-size:.875rem;opacity:.7}.footer-info{text-align:center;margin-bottom:1rem}.footer-features{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.footer-features span{color:rgba(255,255,255,.9);font-size:.875rem;padding:.75rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.footer-features span i,.footer-stats span i{color:#fbbf24;font-size:1rem}.footer-features span:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15);border-color:rgba(255,255,255,.3)}.footer-stats{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.footer-stats span{color:rgba(255,255,255,.8);font-size:.875rem;padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center}.footer-stats span:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (min-width:901px) and (max-width:1023px){.nav-container{padding:0 1rem}.nav-link,.temp-toggle-btn{padding:.4rem .6rem;font-size:.8rem}.city-info-title h2,.nav-logo a.logo-link{font-size:1.5rem}.nav-logo i{font-size:1.8rem}.desktop-menu{gap:1rem}.temp-toggle{display:flex!important;margin-right:.75rem}.temp-toggle-btn{min-width:50px}.cities-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:100%;padding:0 1rem}.city-card{min-height:380px;padding:1.5rem}.city-info h3,.header-desc{font-size:1.3rem}.city-region,.day-name,.hourly-temp,.temp-low{font-size:.9rem}.weather-card{padding:2.5rem 1.5rem 2rem}.day-icon .weather-emoji,.day-icon i,.weather-header .location-info h2{font-size:2rem}.weather-header .location-info p{font-size:1.2rem;max-width:calc(100% - 4.5rem)}.temp-value{font-size:3.5rem}.temp-feels{font-size:1.1rem}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.forecast-day{min-height:140px;padding:.75rem}.day-date,.hourly-time{font-size:.8rem}.detail-item,.subtitle,.temp-high{font-size:1rem}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem}.hourly-item{padding:.75rem .5rem}.hourly-icon .weather-emoji,.hourly-icon i{font-size:1.25rem}.hourly-rain{font-size:.75rem}.weather-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.weather-charts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.chart-container{padding:1.25rem}.chart-container canvas{height:180px!important}.city-info-card{padding:1.75rem}.city-info-header{margin-bottom:1.5rem}.city-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.attractions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.container{padding:20px 1rem 0}.header h1{font-size:2.8rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.footer-features{gap:.75rem}.footer-features span{font-size:.8rem;padding:.6rem 1rem}.footer-stats{gap:1.5rem}.footer-stats span{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:1200px){.cities-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px}}@media (max-width:900px){.desktop-menu,.temp-toggle{display:none}.hamburger-menu,.mobile-menu{display:flex}}@media (min-width:768px) and (max-width:1024px){.mobile-menu{width:380px;display:flex}.mobile-footer{display:block;flex-shrink:0}.mobile-menu-items{padding:1.5rem 2rem 0;flex:1;overflow-y:auto}.mobile-menu-header{padding:2rem;flex-shrink:0}.mobile-footer{padding:2rem}}@media (max-width:767px){.weather-icon{top:.75rem;right:.75rem}.weather-header .location-info h2{font-size:1.8rem;max-width:calc(100% - 4rem)}.mobile-footer{display:block;flex-shrink:0}.mobile-menu-items{flex:1;overflow-y:auto}.footer{margin-bottom:4rem}.info-header h2{font-size:2rem}.info-header p{font-size:1.1rem}.cities-grid,.city-insights,.climate-zones,.info-grid,.planning-tips,.tech-features{grid-template-columns:1fr;gap:1.5rem}.city-insight,.climate-zone,.info-card,.tech-feature,.tip-item{padding:1.5rem}.hamburger-menu,.mobile-menu{display:block}.header h1{font-size:2.5rem}.forecast-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.forecast-day,.hourly-item{padding:1rem .75rem;min-height:auto}.day-name,.hourly-temp,.hourly-time,.rain-chance,.temp-high,.temp-low{font-size:.9rem}.climate-text,.day-date,.hourly-rain{font-size:.8rem}.day-icon i,.day-icon img,.hourly-icon .weather-emoji,.hourly-icon i,.hourly-icon img{width:2rem;height:2rem;font-size:1.5rem}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.attractions-grid,.city-stats-grid,.details-grid,.weather-details{grid-template-columns:repeat(2,1fr)}.city-stats,.tips-grid,.weather-charts{grid-template-columns:1fr}.weather-charts{gap:1rem}.chart-container{padding:1rem}.chart-container canvas{height:150px!important}.city-info-header{flex-direction:column;text-align:center;gap:1rem}.city-card{padding:1.5rem;min-height:400px}.city-stats{min-height:auto;gap:.5rem}.stat{min-height:auto;align-items:center;padding:.5rem}.climate-text{line-height:1.1}}.cities-grid,.features-grid,.tech-grid{display:grid;gap:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.page-header{text-align:center;margin-bottom:3rem;animation:.6s both fadeInUp}.header-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.last-updated{color:rgba(255,255,255,.6);font-size:.875rem;font-style:italic}.about-content,.contact-content,.privacy-content,.terms-content{animation:.6s .2s both fadeInUp}.about-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:2rem}.feature-item,.tech-item{background:rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem}.about-intro h2,.contact-form-card h2,.contact-info-card h2,.privacy-intro h2,.terms-intro h2{color:#fff;font-size:1.75rem;margin-bottom:1rem}.about-intro p,.privacy-intro p,.terms-intro p{color:rgba(255,255,255,.9);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.about-cities h3,.about-contact h3,.about-data h3,.about-features h3,.about-mission h3,.about-technology h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.feature-item{text-align:center;transition:transform .3s}.feature-item:hover{transform:translateY(-5px)}.chart-container:hover,.faq-item:hover,.submit-btn:hover{transform:translateY(-2px)}.feature-item i{color:#93c5fd;font-size:2rem;margin-bottom:1rem}.feature-item h4{color:#fff;font-size:1.25rem;margin-bottom:.75rem}.faq-item p,.feature-item p{color:rgba(255,255,255,.8);line-height:1.5}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.contact-topics h3,.tech-item h4{color:#fff;font-size:1.25rem;margin-bottom:1rem}.about-data li,.city-group li,.privacy-section li,.tech-item li,.terms-section li{color:rgba(255,255,255,.8);margin-bottom:.5rem;padding-left:1rem;position:relative}.about-data li:before,.city-group li:before,.privacy-section li:before,.tech-item li:before,.terms-section li:before{content:"•";color:#93c5fd;position:absolute;left:0}.about-mission p,.privacy-section p,.terms-section p{color:rgba(255,255,255,.9);line-height:1.6;margin-bottom:1rem}.cities-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.city-group h4{color:#fff;font-size:1.125rem;margin-bottom:1rem}.about-data ul{list-style:none;padding:0;margin-top:1rem}.contact-options{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.75rem;transition:.3s;border:1px solid rgba(255,255,255,.2)}.contact-form-card,.contact-info-card,.privacy-card,.terms-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.privacy-section h3,.terms-section h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.privacy-section h4,.terms-section h4{color:#fff;font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.privacy-section ul,.terms-section ul{list-style:none;padding:0;margin:1rem 0}.contact-info{background:rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem;margin-top:1rem}.contact-details a,.contact-info a{color:#93c5fd;text-decoration:none}.contact-details a:hover,.contact-info a:hover{text-decoration:underline}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.contact-info-card p{color:rgba(255,255,255,.9);line-height:1.6;margin-bottom:2rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-icon{background:rgba(255,255,255,.1);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon i{color:#93c5fd;font-size:1.25rem}.contact-details h4{color:#fff;font-size:1.125rem;margin-bottom:.5rem}.contact-details p{color:rgba(255,255,255,.8);margin-bottom:.25rem}.contact-topics li{color:rgba(255,255,255,.8);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.contact-topics i{color:#93c5fd;font-size:.875rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.message,.submit-btn{display:flex;gap:.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.75rem;color:#fff;font-size:1rem;transition:.3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:#93c5fd;background:rgba(255,255,255,.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.5)}.form-group select option{background:#1e293b;color:#fff}.submit-btn{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff;border:none;border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s;align-items:center;justify-content:center}.chart-trend-info,.faq-item{background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.submit-btn:hover{box-shadow:0 8px 25px rgba(59,130,246,.3)}.message{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;align-items:center}.message.success{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#22c55e}.message.error{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#ef4444}.faq-section h2{color:#fff;font-size:1.75rem;text-align:center;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.faq-item{border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;transition:transform .3s}.faq-item h3{color:#fff;font-size:1.125rem;margin-bottom:.75rem}@media (max-width:768px){.cities-grid,.contact-grid,.faq-grid,.features-grid,.tech-grid{grid-template-columns:1fr}.header-content h1{font-size:2rem}}@media (max-width:480px){.weather-icon{top:1rem;right:1rem}.weather-header .location-info h2{font-size:1.6rem;max-width:calc(100% - 5rem)}.weather-header .location-info p{max-width:calc(100% - 5rem)}.container{padding:80px .5rem 0}.header h1{font-size:2rem}.forecast-grid{grid-template-columns:repeat(2,1fr)}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));overflow-x:auto;padding-bottom:.5rem}.details-grid,.weather-details{grid-template-columns:1fr}.contact-options{flex-direction:column}.contact-btn{justify-content:center}}@media (min-width:1024px){.cities-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:2000px;padding:0 2rem}.city-card{min-height:340px;padding:1.5rem 1.25rem 1.25rem;border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.1)}.city-attractions,.city-card-header,.city-description{margin-bottom:1rem}.city-info h3{font-size:1.25rem}.city-region{font-size:.85rem}.attraction-tag{font-size:.72rem;padding:.18rem .6rem}.weather-btn{font-size:1rem;padding:.9rem 1.7rem}}.chart-trend-info{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.comfort-level,.trend-value{padding:.25rem .5rem;font-weight:600}.trend-stats{display:flex;align-items:center;gap:.5rem}.trend-value{font-size:.875rem;border-radius:6px;text-transform:capitalize}.trend-value.rising{color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.trend-value.falling{color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.trend-value.stable{color:#6b7280;background:rgba(107,114,128,.1);border:1px solid rgba(107,114,128,.3)}.humidity-stats,.rain-stats,.temp-range,.wind-stats{display:flex;gap:1rem;font-size:.875rem;color:rgba(255,255,255,.8)}.comfort-level{color:#fbbf24;background:rgba(251,191,36,.1);border-radius:6px;border:1px solid rgba(251,191,36,.3)}.chart-container{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:.3s}.chart-container:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);box-shadow:0 8px 25px rgba(0,0,0,.1)}.chart-container h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-container canvas{border-radius:8px;background:rgba(255,255,255,.02)}@media (max-width:768px){.chart-trend-info{flex-direction:column;align-items:flex-start;gap:.75rem}.humidity-stats,.rain-stats,.temp-range,.trend-stats,.wind-stats{width:100%;justify-content:space-between}.chart-container{padding:1rem}.chart-container h4{font-size:1rem}}.fas.fa-cloud-sun,.fas.fa-sun,.fas.fa-sunrise,.fas.fa-sunset{color:#fbbf24!important;text-shadow:0 0 8px rgba(251,191,36,.4);transition:.3s}.fas.fa-cloud-sun:hover,.fas.fa-sun:hover,.fas.fa-sunrise:hover,.fas.fa-sunset:hover{color:#f59e0b!important;text-shadow:0 0 12px rgba(245,158,11,.6);transform:scale(1.1)}.weather-icon .fas.fa-cloud-sun,.weather-icon .fas.fa-sun{color:#fbbf24!important;text-shadow:0 2px 8px rgba(251,191,36,.5)}.day-icon .fas.fa-cloud-sun,.day-icon .fas.fa-sun{color:#fbbf24!important;text-shadow:0 1px 6px rgba(251,191,36,.4)}.hourly-icon .fas.fa-cloud-sun,.hourly-icon .fas.fa-sun{color:#fbbf24!important;text-shadow:0 1px 4px rgba(251,191,36,.4)}.mobile-logo .fas.fa-cloud-sun,.nav-logo .fas.fa-cloud-sun{-webkit-background-clip:text;background-clip:text}