.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(56,164,235,.28),transparent 35%),linear-gradient(145deg,#061221 0%,#0a2542 57%,#0b3151 100%);color:#fff;padding:170px 0 96px;min-height:720px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(to bottom,transparent,#f7fbff)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.24}.hero-orb-one{width:430px;height:430px;background:#1fbce0;right:-160px;top:80px}.hero-orb-two{width:250px;height:250px;background:#2f80ed;left:-100px;bottom:30px}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.hero-copy h1{font-size:clamp(3rem,6.3vw,5.6rem);line-height:.98;letter-spacing:-.065em;margin:0 0 26px;max-width:760px}.hero-lead{font-size:1.15rem;color:#b9cee1;max-width:650px;margin:0 0 34px}.weather-search{display:flex;gap:12px}.search-field{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(255,255,255,.24);border-radius:15px;padding:0 17px;flex:1;max-width:470px;box-shadow:0 14px 40px rgba(1,14,29,.22)}.search-field span{color:#648099;font-size:1.5rem}.search-field input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;padding:15px 0}.popular-cities{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:#91aac1;font-size:.84rem}.popular-cities button{background:transparent;border:0;color:#d8e9f8;padding:2px;cursor:pointer;border-bottom:1px dashed rgba(255,255,255,.35)}.weather-panel{min-height:490px;padding:30px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));backdrop-filter:blur(18px);border-radius:32px;box-shadow:0 30px 80px rgba(0,7,17,.35)}.weather-loading{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bcd0e1}.loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.16);border-top-color:#53d9e9;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.weather-error{background:#ffe8e8;color:#8e2626;padding:17px;border-radius:14px}.weather-heading{display:flex;align-items:flex-start;justify-content:space-between}.location-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:#8eddec;font-weight:900;margin:0 0 5px}.weather-heading h2{font-size:2rem;margin:0;letter-spacing:-.04em}.weather-heading p:last-child{margin:2px 0;color:#a9bfd3;font-size:.86rem}.condition-icon{font-size:4.2rem;line-height:1}.current-main{display:flex;align-items:end;justify-content:space-between;margin:30px 0}.temperature{font-size:6rem;font-weight:250;letter-spacing:-.08em;line-height:.85}.unit{font-size:1.7rem;color:#9eb7cd;vertical-align:top}.current-main>div:last-child{text-align:right}.current-main strong{font-size:1.15rem}.current-main p{color:#a9bfd3;margin:4px 0 0}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics-grid article{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:16px}.metrics-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(80,213,230,.12);color:#7be3ef;font-size:1.2rem}.metrics-grid small{display:block;color:#93acc3}.metrics-grid strong{font-size:1rem}.weather-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;color:#7f9bb3;font-size:.75rem}.stale-note{color:#ffd27b}.forecast-section{position:relative;z-index:3;padding:80px 0 95px}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:34px}.forecast-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 16px;text-align:center;box-shadow:0 12px 34px rgba(18,54,88,.06);transition:transform .2s,border-color .2s}.forecast-card:hover{transform:translateY(-5px);border-color:#a8d2f5}.forecast-day{text-transform:capitalize;font-weight:800}.forecast-date{color:var(--muted);font-size:.78rem}.forecast-icon{font-size:2.3rem;margin:12px 0}.forecast-desc{font-size:.78rem;color:var(--muted);min-height:38px}.forecast-temp{font-size:1.3rem;font-weight:900;margin:7px 0}.forecast-temp span{color:#8ca0b4;font-weight:600}.forecast-rain{font-size:.77rem;color:#3d7bad}.features-section{padding:100px 0;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.feature-grid article{padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbfe)}.feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e7f4ff;color:#1673d2;font-size:1.5rem}.feature-grid h3{font-size:1.3rem;margin:20px 0 8px}.feature-grid p{margin:0;color:var(--muted)}.about-strip{padding:90px 0;background:linear-gradient(135deg,#071426,#0b3151);color:#fff}.about-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}.about-strip h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 18px}.about-strip p:last-child{color:#adc3d7;max-width:790px}@media(max-width:1050px){.hero-content{grid-template-columns:1fr;gap:45px}.hero{padding-top:150px}.weather-panel{max-width:700px}.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.hero{padding-bottom:65px}.hero-copy h1{font-size:3.25rem}.weather-search{flex-direction:column}.search-field{max-width:none}.weather-panel{padding:22px;min-height:460px}.temperature{font-size:4.8rem}.forecast-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.about-strip-inner{align-items:flex-start;flex-direction:column;gap:28px}}@media(max-width:420px){.hero-copy h1{font-size:2.8rem}.current-main{align-items:flex-start;flex-direction:column;gap:20px}.current-main>div:last-child{text-align:left}.metrics-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr 1fr}.forecast-card{padding:16px 10px}}