:root{--ink:#f7fbff;--muted:rgba(232,242,255,.68);--line:rgba(255,255,255,.14);--glass:rgba(255,255,255,.09);--accent:#91d8ff;--bg:#07111f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 25% 10%,#143a61 0,transparent 34%),linear-gradient(145deg,#07111f 0%,#0b2038 52%,#07111f 100%);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.38}.orb-one{width:34rem;height:34rem;right:-13rem;top:7rem;background:radial-gradient(circle at 35% 35%,#a8e4ff,#3b76e8 50%,transparent 72%)}.orb-two{width:20rem;height:20rem;left:-8rem;bottom:5rem;background:radial-gradient(circle,#54d6c4,transparent 70%)}.nav{max-width:1200px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#dff6ff,#69c7ff);color:#07111f;box-shadow:0 8px 25px rgba(86,190,255,.24)}button,input{font:inherit}.ghost-button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:11px 17px;cursor:pointer;backdrop-filter:blur(20px)}main{max-width:1200px;margin:auto;padding:0 28px}.hero{padding:100px 0 68px;max-width:830px}.eyebrow{font-size:.75rem;letter-spacing:.24em;font-weight:700;color:var(--accent);margin:0 0 24px}.hero h1{font-size:clamp(3.5rem,9vw,7.6rem);line-height:.92;letter-spacing:-.075em;margin:0;font-weight:600}.hero-copy{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);line-height:1.6;margin:30px 0}.search{display:flex;gap:10px;max-width:650px;padding:7px;background:rgba(255,255,255,.1);border:1px solid var(--line);border-radius:19px;backdrop-filter:blur(24px);box-shadow:0 18px 60px rgba(0,0,0,.2)}.search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:13px 15px}.search input::placeholder{color:rgba(255,255,255,.5)}.search button{border:0;border-radius:13px;padding:13px 19px;background:#fff;color:#07111f;font-weight:700;cursor:pointer}.status{min-height:24px;color:var(--muted);margin:13px 5px}.hidden{display:none}.weather-panel{margin:10px 0 110px}.glass{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.055));backdrop-filter:blur(30px);box-shadow:0 30px 100px rgba(0,0,0,.22)}.current{border-radius:34px;padding:40px;display:grid;grid-template-columns:1fr auto;gap:34px}.place{font-size:clamp(1.7rem,4vw,3.4rem);letter-spacing:-.045em;margin:0;font-weight:600}.condition{color:var(--muted);margin:8px 0 0;font-size:1.05rem}.temperature-wrap{display:flex;align-items:flex-start;line-height:.8}.weather-icon{font-size:3.2rem;margin-right:18px}.temperature{font-size:clamp(5rem,12vw,9rem);letter-spacing:-.09em;font-weight:500}.degree{font-size:2rem;margin:3px 0 0 8px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:25px}.metrics div{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.metrics strong{color:#fff}.forecast-section{margin-top:38px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 3px 14px}.section-heading p{font-size:1.15rem;font-weight:600;margin:0}.section-heading span{font-size:.78rem;color:var(--muted)}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day{padding:22px 14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);text-align:center}.day-name{color:var(--muted);font-size:.8rem}.day-icon{font-size:1.65rem;margin:17px 0}.day-temp{font-weight:600}.day-low{color:var(--muted);margin-left:6px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:35px 0 110px;border-top:1px solid var(--line)}.features article span{color:var(--accent);font-size:.75rem}.features h2{letter-spacing:-.035em;font-size:1.4rem;margin:13px 0 9px}.features p{color:var(--muted);line-height:1.65;margin:0}footer{max-width:1200px;margin:auto;padding:26px 28px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.nav{padding:19px}.ghost-button{font-size:.78rem}.hero{padding:72px 0 50px}.hero h1{font-size:clamp(3.35rem,17vw,5rem)}main{padding:0 18px}.search{flex-direction:column;border-radius:21px}.search button{width:100%}.current{padding:27px 23px;grid-template-columns:1fr}.temperature-wrap{justify-content:flex-start}.metrics{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(7,125px);overflow-x:auto;padding-bottom:10px}.features{grid-template-columns:1fr;gap:34px}footer{margin:0 18px;padding-left:0;padding-right:0;gap:10px;flex-direction:column}}