:root{--bg: #09111f;--surface: rgba(14, 23, 40, .88);--surface-strong: #111b31;--surface-soft: #16233f;--text: #eef4ff;--muted: #99a8c6;--line: rgba(153, 168, 198, .18);--primary: #73b8ff;--secondary: #9d7cff;--accent: #7ef0d6;--danger: #ff8b8b;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--shadow: 0 25px 80px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(115,184,255,.12),transparent 25%),radial-gradient(circle at top right,rgba(157,124,255,.14),transparent 28%),linear-gradient(180deg,#08101d,#0b1323 40%,#09111f);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{width:min(1200px,calc(100% - 32px));margin:0 auto 80px}.site-shell{min-height:100vh}.site-header{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.brand small,.eyebrow{color:var(--muted);font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.main-nav{display:flex;gap:16px;flex-wrap:wrap}.main-nav a{padding:10px 14px;border-radius:999px;color:var(--muted)}.main-nav a.active,.main-nav a:hover{background:#ffffff0f;color:var(--text)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-section{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:32px 0 20px;align-items:stretch}.hero-copy h1,.generic-page h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.05em;margin:10px 0 16px}.hero-copy p{color:var(--muted);max-width:760px}.hero-side{padding:28px;position:relative;overflow:hidden}.glow-orb{position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,214,.45),transparent 70%);filter:blur(12px)}.hero-search{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-search input,.newsletter-form input,.form-card input,.form-card textarea{flex:1;min-width:220px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:14px 16px;border-radius:16px}.btn{border:0;padding:14px 18px;border-radius:999px;cursor:pointer;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-secondary{background:#ffffff14;color:var(--text)}.dashboard-grid,.blog-grid,.footer-grid,.content-split,.contact-grid{display:grid;gap:24px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gradient-card{display:flex;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(135deg,#73b8ff2e,#9d7cff2e),var(--surface)}.temperature-display{text-align:right}.temperature-display strong{font-size:clamp(3rem,6vw,5rem);display:block}.temperature-display span,.muted,.blog-card p,.site-footer p,.legal-page p,.faq-item p,.contact-info p,.blog-meta-line{color:var(--muted)}.weather-detail-grid{padding:20px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mini-stat{padding:18px;border-radius:var(--radius-md);background:#ffffff08}.mini-stat span{display:block;color:var(--muted);margin-bottom:8px}.mini-stat strong{font-size:1.2rem}.section-head,.section-head-large{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-head h3,.section-head-large h2,.newsletter h2{margin:0}.hourly-grid,.city-chip-grid{display:grid;gap:14px}.hourly-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hourly-item,.city-chip,.forecast-row,.forecast-extended-row{padding:16px;border-radius:18px;background:#ffffff08;border:1px solid var(--line)}.hourly-item span,.hourly-item small,.city-chip small,.forecast-row small,.forecast-extended-row p{color:var(--muted);display:block}.forecast-list,.forecast-extended-list,.faq-list{display:grid;gap:14px}.popular-city-card,.newsletter,.page-header-card,.legal-page,.blog-detail,.state-card,.form-card,.site-footer,.hero-side{padding:28px}.city-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-split,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.blog-preview{margin-top:24px}.blog-card h3{margin-top:8px}.blog-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.95rem;margin:18px 0}.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.newsletter-form,.form-card{display:grid;gap:14px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.95rem}.checkbox-row input{margin-top:4px}.form-message.success{color:var(--accent)}.form-message.error,.state-card.error{color:var(--danger)}.generic-page{padding:20px 0}.page-narrow{width:min(860px,100%);margin:0 auto}.legal-section+.legal-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.faq-item summary{cursor:pointer;font-weight:700}.site-footer{margin:40px auto 32px;width:min(1200px,calc(100% - 32px))}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr}.footer-grid h4,.footer-grid h3{margin-top:0}.footer-grid a{color:var(--muted);display:block;margin-bottom:10px}.footer-note{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#0a1221f7;border:1px solid var(--line);border-radius:24px;padding:18px 20px;box-shadow:var(--shadow)}.cookie-banner h3{margin:6px 0;font-size:1rem}.cookie-banner p{color:var(--muted);margin:0}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:980px){.hero-section,.dashboard-grid,.content-split,.contact-grid,.newsletter,.footer-grid,.weather-detail-grid{grid-template-columns:1fr}.hourly-grid,.city-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{position:static;flex-direction:column;align-items:flex-start}}@media(max-width:640px){main,.site-header,.site-footer{width:min(100% - 20px,1200px)}.hero-search{flex-direction:column}.hourly-grid,.city-chip-grid{grid-template-columns:1fr}.cookie-banner{flex-direction:column;align-items:flex-start}}