.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:142px 0 82px;min-height:640px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(to bottom,transparent,#f7fbff)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.22}.hero-orb-one{width:390px;height:390px;background:#1fbce0;right:-145px;top:70px}.hero-orb-two{width:220px;height:220px;background:#2f80ed;left:-90px;bottom:25px}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:54px}.hero-copy h1{font-size:clamp(2.6rem,4.25vw,4.35rem);line-height:1.01;letter-spacing:-.058em;margin:0 0 21px;max-width:700px}.hero-lead{font-size:1.02rem;color:#b9cee1;max-width:620px;margin:0 0 28px}.weather-search{display:flex;gap:10px;align-items:stretch}.search-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:0 15px;flex:1;min-width:220px;box-shadow:0 12px 34px rgba(1,14,29,.2)}.search-field span{color:#648099;font-size:1.35rem}.search-field input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;padding:13px 0;font-size:.92rem}.button-gps{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);box-shadow:none;white-space:nowrap}.button-gps:hover{background:rgba(255,255,255,.15);box-shadow:none}.gps-status{min-height:20px;margin:7px 0 0;color:#aad5e7;font-size:.78rem}.popular-cities{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;color:#91aac1;font-size:.8rem}.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:430px;padding:26px;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:28px;box-shadow:0 26px 70px rgba(0,7,17,.32)}.weather-loading{min-height:375px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bcd0e1;font-size:.92rem}.loader{width:44px;height:44px;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:15px;border-radius:13px;font-size:.9rem}.weather-heading{display:flex;align-items:flex-start;justify-content:space-between}.location-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;color:#8eddec;font-weight:900;margin:0 0 4px}.weather-heading h2{font-size:1.72rem;margin:0;letter-spacing:-.035em}.weather-heading p:last-child{margin:2px 0;color:#a9bfd3;font-size:.78rem}.condition-icon{font-size:3.65rem;line-height:1}.current-main{display:flex;align-items:end;justify-content:space-between;margin:24px 0}.temperature{font-size:4.8rem;font-weight:260;letter-spacing:-.075em;line-height:.86}.unit{font-size:1.45rem;color:#9eb7cd;vertical-align:top}.current-main>div:last-child{text-align:right}.current-main strong{font-size:1.03rem}.current-main p{color:#a9bfd3;margin:3px 0 0;font-size:.88rem}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics-grid article{display:flex;gap:11px;align-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:14px}.metrics-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(80,213,230,.12);color:#7be3ef;font-size:1.08rem}.metrics-grid small{display:block;color:#93acc3;font-size:.72rem}.metrics-grid strong{font-size:.91rem}.weather-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px;color:#7f9bb3;font-size:.7rem}.stale-note{color:#ffd27b}.forecast-section{position:relative;z-index:3;padding:68px 0 82px}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:11px;margin-top:29px}.forecast-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 13px;text-align:center;box-shadow:0 10px 28px rgba(18,54,88,.055);transition:transform .2s,border-color .2s}.forecast-card:hover{transform:translateY(-4px);border-color:#a8d2f5}.forecast-day{text-transform:capitalize;font-weight:800;font-size:.9rem}.forecast-date{color:var(--muted);font-size:.73rem}.forecast-icon{font-size:2.05rem;margin:10px 0}.forecast-desc{font-size:.73rem;color:var(--muted);min-height:35px}.forecast-temp{font-size:1.15rem;font-weight:900;margin:6px 0}.forecast-temp span{color:#8ca0b4;font-weight:600}.forecast-rain{font-size:.71rem;color:#3d7bad}.features-section{padding:82px 0;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature-grid article{padding:26px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(180deg,#fff,#f8fbfe)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e7f4ff;color:#1673d2;font-size:1.32rem}.feature-grid h3{font-size:1.14rem;margin:17px 0 7px}.feature-grid p{margin:0;color:var(--muted);font-size:.93rem}.about-strip{padding:76px 0;background:linear-gradient(135deg,#071426,#0b3151);color:#fff}.about-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.about-strip h2{font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 15px}.about-strip p:last-child{color:#adc3d7;max-width:790px;font-size:.96rem}@media(max-width:1100px){.weather-search{flex-wrap:wrap}.search-field{flex-basis:100%}.weather-search>.button{flex:1}}@media(max-width:1050px){.hero-content{grid-template-columns:1fr;gap:38px}.hero{padding-top:128px}.weather-panel{max-width:700px}.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.hero{padding:112px 0 58px;min-height:auto}.hero-copy h1{font-size:2.65rem}.hero-lead{font-size:.96rem}.weather-search{flex-direction:column}.weather-search>.button{width:100%}.search-field{max-width:none}.weather-panel{padding:21px;min-height:410px}.weather-loading{min-height:355px}.temperature{font-size:4.15rem}.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:25px}}@media(max-width:420px){.hero-copy h1{font-size:2.28rem}.current-main{align-items:flex-start;flex-direction:column;gap:17px}.current-main>div:last-child{text-align:left}.metrics-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr 1fr}.forecast-card{padding:14px 9px}}

/* Kotwice nawigacji pozostają widoczne pod górnym paskiem. */
#aktualna-pogoda,#wyszukiwarka,#prognoza-7-dni{scroll-margin-top:96px}