@font-face{font-family:"Manrope";src:url("/manrope.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{
--tlo:#0D0D0D;--panel:#121212;--karta:#1A1A1A;--pole:#2E2E2E;--linia:#2A2A2A;
--tekst:#EDEDED;--bialy:#FFFFFF;--szary:#A8A8A8;--roz:#EE7EB5;--roz-jasny:#F59BCB;--roz1:#FE34B4;--roz2:#FA6DC9;
--font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--r:18px;--r2:12px;--szer:1160px;--waski:760px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--tlo)}
body{margin:0;background:var(--tlo);color:var(--tekst);font-family:var(--font);font-size:17px;line-height:1.72}
img{max-width:100%;height:auto;display:block}
a{color:var(--roz-jasny);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--bialy)}
h1,h2,h3{font-family:var(--font);font-weight:800;line-height:1.2;letter-spacing:-.015em;color:var(--bialy)}
h2{font-size:clamp(1.45rem,2.4vw,1.85rem);margin:0 0 .9rem}
h3{font-size:1.15rem;margin:1.6rem 0 .5rem}
p{margin:0 0 1.05rem}
strong{color:var(--bialy)}
.kontener{max-width:var(--szer);margin:0 auto;padding:0 20px}
.waski{max-width:var(--waski);margin:0 auto}

/* naglowek */
.pasek{position:sticky;top:0;z-index:40;background:rgba(18,18,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linia)}
.pasek-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
.znak img{height:30px;width:auto}
.akcje{display:flex;gap:10px;align-items:center;margin:0;padding:0;list-style:none}
.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:800;font-size:.95rem;text-decoration:none;border:1px solid transparent;transition:filter .15s ease,background .15s ease;cursor:pointer;font-family:var(--font)}
.przycisk-glowny{background:linear-gradient(100deg,var(--roz1),var(--roz2));color:var(--bialy);box-shadow:0 8px 26px -10px rgba(254,52,180,.7)}
.przycisk-glowny:hover{color:var(--bialy);filter:brightness(1.08)}
.przycisk-jasny{background:var(--pole);color:var(--bialy)}
.przycisk-jasny:hover{color:var(--bialy);background:#3A3A3A}
.pasek .przycisk{padding:9px 18px;font-size:.88rem}

/* hero */
.noc{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 88% 0%,rgba(254,52,180,.20),transparent 62%),var(--tlo)}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding:60px 20px 64px;position:relative}
.hero h1{margin:0 0 20px}
.h1-marka{display:block;font-size:clamp(2.6rem,5.4vw,4.2rem);line-height:1.02;font-style:italic;letter-spacing:-.03em;color:var(--roz)}
.h1-reszta{display:block;margin-top:12px;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:700;color:var(--bialy)}
.h1-mysl{position:absolute;left:-9999px}
.hero-lead{font-size:1.08rem;color:#CFCFCF;max-width:540px;margin-bottom:28px}
.hero-przyciski{display:flex;flex-wrap:wrap;gap:12px}
.hero-obraz{position:relative;justify-self:end;width:100%;max-width:460px}
.hero-obraz img{border-radius:22px;border:1px solid var(--linia);aspect-ratio:1/1;object-fit:cover;width:100%;box-shadow:0 30px 70px -30px rgba(254,52,180,.45)}

/* spis tresci */
.spis{max-width:var(--waski);margin:0 auto;padding:0 20px}
.spis-karta{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r)}
.spis-karta summary{cursor:pointer;list-style:none;padding:18px 54px 18px 24px;font-weight:800;color:var(--bialy);position:relative}
.spis-karta summary::-webkit-details-marker{display:none}
.spis-karta summary:after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;border-right:2px solid var(--roz);border-bottom:2px solid var(--roz);transform:translateY(-70%) rotate(45deg);transition:transform .15s ease}
.spis-karta[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
.spis ol{margin:0;padding:0 24px 20px 48px;columns:2;column-gap:40px}
.spis li{break-inside:avoid;padding:4px 0;color:var(--szary)}
.spis li a{text-decoration:none;color:var(--tekst);font-weight:600;font-size:.96rem}
.spis li a:hover{color:var(--roz)}

/* tresc */
.tresc{padding:30px 0 20px}
.rozdzial{padding:34px 0;border-bottom:1px solid var(--linia);scroll-margin-top:84px}
.rozdzial:last-child{border-bottom:0}
.obraz{margin:26px auto;max-width:540px}
.obraz img{border-radius:var(--r);border:1px solid var(--linia);aspect-ratio:1/1;object-fit:cover;width:100%}
.kroki{counter-reset:k;list-style:none;margin:0 0 1.2rem;padding:0}
.kroki li{counter-increment:k;position:relative;padding:0 0 14px 50px;min-height:36px}
.kroki li:before{content:counter(k);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--pole);color:var(--roz);font-weight:800}
.lista{margin:0 0 1.2rem;padding-left:1.2rem}
.lista li{margin-bottom:.45rem}
.lista li::marker{color:var(--roz)}
.tabela{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--linia);border-radius:var(--r2);background:var(--karta)}
.tabela table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:520px}
.tabela th{text-align:left;font-weight:800;background:var(--pole);color:var(--bialy);padding:12px 14px}
.tabela td{padding:12px 14px;border-top:1px solid var(--linia);vertical-align:top}
.tabela td:first-child{font-weight:700;color:var(--bialy)}

/* pytania */
.pytania details{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r2);margin-bottom:10px;padding:0 20px}
.pytania summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;font-weight:700;color:var(--bialy);position:relative}
.pytania summary::-webkit-details-marker{display:none}
.pytania summary:after{content:"+";position:absolute;right:0;top:11px;font-size:1.45rem;color:var(--roz);font-weight:400}
.pytania details[open] summary:after{content:"\2212"}
.pytania details p{padding-bottom:6px;color:#D6D6D6}

/* daty */
.daty{display:flex;flex-wrap:wrap;gap:6px 22px;margin:26px 0 0;padding:16px 0 0;border-top:1px solid var(--linia);color:var(--szary);font-size:.9rem}
.daty strong{color:var(--tekst);font-weight:700}

/* autorka */
.autorka{display:grid;grid-template-columns:64px 1fr;gap:18px;background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:24px}
.autorka-ini{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:var(--bialy);background:linear-gradient(120deg,var(--roz1),var(--roz2))}
.autorka-imie{font-size:1.15rem;font-weight:800;color:var(--bialy);margin:0}
.autorka-rola{color:var(--szary);font-size:.92rem;margin:0 0 10px}
.autorka-linki{display:flex;flex-wrap:wrap;gap:14px;font-size:.92rem;font-weight:700}

/* zaproszenie */
.zaproszenie{margin:40px 0 0}
.zaproszenie-in{border-radius:24px;padding:42px 36px;text-align:center;background:radial-gradient(600px 260px at 50% 0%,rgba(254,52,180,.22),transparent 70%),var(--karta);border:1px solid var(--linia)}
.zaproszenie-tytul{font-size:clamp(1.45rem,3vw,2rem);font-weight:800;margin:0 0 8px;color:var(--bialy)}
.zaproszenie p{color:#CFCFCF;max-width:560px;margin:0 auto 20px}

/* strony dokumentow */
.naglowek-strony{padding:56px 0 26px;background:radial-gradient(800px 360px at 85% 0%,rgba(254,52,180,.16),transparent 65%),var(--tlo);border-bottom:1px solid var(--linia)}
.naglowek-strony h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 14px}
.naglowek-strony .wstep{font-size:1.08rem;color:#CFCFCF;margin:0}
.dokument{padding:24px 0 50px}
.dokument h2{font-size:clamp(1.3rem,2.2vw,1.6rem);margin-top:2rem}
.dokument .tabela{margin-bottom:1.3rem}

/* stopka */
.stopka{margin-top:56px;background:var(--panel);border-top:1px solid var(--linia);padding:48px 0 26px;font-size:.94rem}
.stopka-siatka{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.stopka .znak img{height:26px}
.stopka-opis{color:var(--szary);margin-top:14px}
.stopka-tytul{font-weight:800;color:var(--bialy);font-size:1rem;margin:0 0 10px}
.stopka ul{list-style:none;margin:0;padding:0}
.stopka li{margin-bottom:7px}
.stopka a{color:#D6D6D6;text-decoration:none}
.stopka a:hover{color:var(--roz)}
.stopka-dol{margin-top:30px;padding-top:18px;border-top:1px solid var(--linia);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--szary);font-size:.86rem}

/* bramka wieku */
.bramka{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
.bramka[hidden]{display:none}
.bramka-okno{max-width:440px;background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:30px 28px;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.bramka-okno .tytul{font-size:1.4rem;font-weight:800;color:var(--bialy);margin:0 0 10px}
.bramka-okno p{color:var(--szary);font-size:.95rem}
.bramka-przyciski{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}

@media(max-width:900px){
.hero{grid-template-columns:1fr;gap:34px;padding:40px 20px 48px}
.hero-obraz{justify-self:center;max-width:420px}
.spis ol{columns:1}
.stopka-siatka{grid-template-columns:1fr 1fr}
.stopka-siatka>div:first-child{grid-column:1/-1}
}
@media(max-width:560px){
body{font-size:16px}
.pasek .przycisk-jasny{display:none}
.znak img{height:24px}
.autorka{grid-template-columns:1fr}
.stopka-siatka{grid-template-columns:1fr}
.zaproszenie-in{padding:34px 22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.przycisk{transition:none}}
.rozdzial + .daty{border-top:0;margin-top:0}