@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Szata „jasna” (jak w całym serwisie Rokefeler.pl): jasne tło, białe karty z cieniem, niebieski gradient, zielone akcenty, przyciski-pigułki. */
:root { color-scheme: light; --tlo:#f4f5f7; --karta:#fff; --tekst:#041244; --cichy:#565e7b; --linia:#e3e7f0; --akcent:#0b0b0b; --akcent-t:#fff; --niebieski:#2163e9; --zielen:#4ddc6a; --blad:#c0271a; --cien:0 10px 30px rgba(20,40,110,.1); --sprezyna:cubic-bezier(.2,.9,.25,1.15); }
* { box-sizing: border-box; }
body { margin:0; background:var(--tlo); color:var(--tekst); font:16px/1.55 Poppins,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif; overflow-x:clip; }
main { max-width:580px; margin:0 auto; padding:24px 16px 64px; }
.marka { display:inline-flex; align-items:center; gap:.55rem; font-weight:600; color:var(--tekst); text-decoration:none; }
.marka::before { content:"R"; display:inline-flex; width:2.1rem; height:2.1rem; align-items:center; justify-content:center; border-radius:.65rem; background:#0b0b0b; color:#fff; font-weight:700; }
h1 { position:relative; isolation:isolate; overflow:hidden; font-size:clamp(1.6rem,6vw,2.1rem); font-weight:600; line-height:1.15; letter-spacing:-.02em; margin:20px 0 0; padding:1.5rem 1.3rem 1.1rem; color:#fff; border-radius:1.6rem 1.6rem 0 0;
  background:linear-gradient(112deg,#2b33c8 0%,#2f66e2 52%,#4d9bff 100%); animation:panel .7s var(--sprezyna) both; }
h1::after { content:""; position:absolute; z-index:-1; right:-14%; top:-70%; width:55%; aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,.13); animation:kolo 11s ease-in-out infinite alternate; }
h2 { font-size:1.12rem; font-weight:600; margin:0 0 6px; }
p.opis { margin:0 0 4px; padding:0 1.3rem 1.5rem; color:rgba(255,255,255,.92); border-radius:0 0 1.6rem 1.6rem; background:linear-gradient(112deg,#2b33c8 0%,#2f66e2 52%,#4d9bff 100%); box-shadow:0 18px 40px rgba(33,80,220,.28); animation:panel .7s var(--sprezyna) both; }
.karta { background:var(--karta); border:1.5px solid transparent; border-radius:1.25rem; padding:20px; margin-top:16px; box-shadow:var(--cien); animation:karta .55s var(--sprezyna) both; }
label { display:block; font-size:.88rem; font-weight:500; color:var(--cichy); margin:14px 0 4px; }
input { width:100%; min-height:3rem; padding:11px 14px; font:inherit; font-size:16px; color:inherit; background:#fff; border:1.5px solid var(--linia); border-radius:1rem; }
input:focus-visible { outline:none; border-color:var(--niebieski); }
button:focus-visible, a:focus-visible { outline:2px solid var(--niebieski); outline-offset:2px; }
button { font:inherit; font-weight:600; min-height:3rem; padding:11px 22px; border-radius:999px; border:1.5px solid var(--akcent); background:var(--akcent); color:var(--akcent-t); cursor:pointer; margin-top:18px; box-shadow:0 10px 22px rgba(4,18,68,.22); transition:transform .18s ease-out; -webkit-tap-highlight-color:transparent; }
button:active { transform:scale(.97); }
button.drugi { background:#fff; color:var(--tekst); border-color:var(--linia); box-shadow:var(--cien); }
button.czerwony { background:var(--blad); border-color:var(--blad); color:#fff; }
button:disabled { opacity:.55; cursor:default; box-shadow:none; }
.komunikat { min-height:1.5em; margin:12px 0 0; color:var(--blad); }
.komunikat.ok { color:#168a36; }
dl { display:grid; grid-template-columns:auto 1fr; gap:4px 16px; margin:8px 0 0; }
dt { color:var(--cichy); } dd { margin:0; overflow-wrap:anywhere; font-weight:500; }
.gora { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.gora button { margin-top:0; min-height:2.5rem; padding:7px 16px; }
.stan { display:flex; align-items:center; gap:10px; margin-top:14px; font-variant-numeric:tabular-nums; }
.kropka { width:10px; height:10px; border-radius:50%; background:var(--linia); flex:none; }
.kropka.trwa { background:var(--zielen); animation:puls 1.2s infinite; }
@keyframes puls { 50% { opacity:.35; } }
@keyframes panel { from { transform:translate3d(0,18px,0) scale(.97); } to { transform:none; } }
@keyframes karta { from { transform:translate3d(0,22px,0) scale(.96); } to { transform:none; } }
@keyframes kolo { from { transform:none; } to { transform:translate3d(-9%,12%,0) scale(1.12); } }
.przyciski { display:flex; flex-wrap:wrap; gap:10px; }
.maly { font-size:.9rem; color:var(--cichy); margin:12px 0 0; }
[hidden] { display:none !important; }
.dzwoni { border-color:var(--zielen); background:#effcf1; box-shadow:0 10px 26px rgba(77,220,106,.25); }
.dzwoni h2 { animation:puls 1.2s infinite; }
.maly.uwaga { color:var(--blad); font-weight:600; }
.zgoda { display:flex; gap:10px; align-items:flex-start; color:var(--tekst); line-height:1.4; }
.zgoda input { width:auto; min-height:0; margin-top:3px; flex:none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } }