/* SPACE IDEA — landing ebooka (zgodnie z księgą znaku 2026) */
@font-face{font-family:Bebas;src:url(fonts/bebas-neue-latin-ext-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Bebas;src:url(fonts/bebas-neue-latin-400-normal.woff2) format("woff2");font-display:swap;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:DM;src:url(fonts/dm-sans-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 1000;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:DM;src:url(fonts/dm-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 1000;font-display:swap;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:JBM;src:url(fonts/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2");font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:JBM;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-display:swap;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}

:root{--kosmos:#050508;--sterownia:#0A0A12;--panel:#10101C;--swiatlo:#F0F0F8;--mgla:#9A9AB8;--fiolet:#5B4CFF;--fiolet2:#7A6DFF;--turkus:#00E5C8;--roz:#FF4C7A;
--line:rgba(122,109,255,.22);--grad:linear-gradient(95deg,#7A6DFF 0%,#00E5C8 100%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kosmos);color:var(--swiatlo);font:400 17px/1.6 DM,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--turkus)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
section{padding:88px 0;position:relative}
.siatka{background:linear-gradient(rgba(240,240,248,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(240,240,248,.04) 1px,transparent 1px) 0 0/56px 56px}
.orbita{background:radial-gradient(45% 60% at 100% 0%,rgba(91,76,255,.32),transparent 70%),radial-gradient(40% 55% at 0% 100%,rgba(0,229,200,.14),transparent 70%),
 linear-gradient(rgba(240,240,248,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(240,240,248,.04) 1px,transparent 1px) 0 0/56px 56px,var(--kosmos)}
.sterownia{background:var(--sterownia);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h1,h2{font-family:Bebas,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.045em;line-height:.95;margin:0 0 18px}
h1{font-size:clamp(54px,8.6vw,112px)}
h2{font-size:clamp(38px,5.4vw,64px)}
h3{font:700 19px/1.3 DM,sans-serif;margin:0 0 8px}
p{margin:0 0 14px}
.g,.pk{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kick{font:400 13px JBM,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--turkus);margin-bottom:14px}
.kick:before{content:"// "}
.muted{color:var(--mgla)}
.mono{font-family:JBM,monospace}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--sterownia);border:1px solid var(--line);border-radius:12px;padding:26px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--fiolet);color:#fff;font:700 16px DM,sans-serif;text-decoration:none;padding:16px 26px;border-radius:10px;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(91,76,255,.35);transition:background .2s,transform .2s}
.btn:hover{background:var(--fiolet2);transform:translateY(-1px)}
.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none;color:var(--swiatlo)}
.tag{display:inline-block;font:400 12px JBM,monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:6px;padding:6px 11px;color:var(--swiatlo)}
ul.ck{list-style:none;padding:0;margin:0}
ul.ck li{position:relative;padding-left:28px;margin-bottom:10px}
ul.ck li:before{content:"";position:absolute;left:0;top:8px;width:13px;height:13px;border-radius:3px;background:var(--grad)}
ul.ck.no li:before{background:var(--roz)}

.nav{position:absolute;top:0;left:0;right:0;z-index:10;padding:22px 0}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font:400 26px/1 Bebas,sans-serif;letter-spacing:.06em;color:var(--swiatlo);text-decoration:none}
.logo svg,.logo img{width:34px;height:34px}
.nav a.small{color:var(--swiatlo);text-decoration:none;font:500 15px DM;border:1px solid var(--line);border-radius:10px;padding:10px 16px}

footer{background:var(--kosmos);border-top:1px solid var(--line);padding:36px 0;color:var(--mgla);font-size:14px}
footer .wrap{display:flex;flex-direction:column;gap:10px}
footer a{color:var(--mgla);margin-right:18px}

.legal h2{font:700 22px/1.3 DM,sans-serif;text-transform:none;letter-spacing:0;margin:34px 0 10px}
.legal li{margin-bottom:8px}.legal ol{padding-left:22px}
.legal .box{background:var(--sterownia);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.tbl-legal th{color:var(--turkus)!important}.tbl-legal th,.tbl-legal td{border-color:var(--line)!important}

/* cookies */
#cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:620px;margin:0 auto;background:var(--panel);color:var(--swiatlo);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 20px 50px rgba(0,0,0,.6);font-size:14px;display:none}
#cookie p{margin:0 0 12px}
#cookie .row{display:flex;gap:10px;flex-wrap:wrap}
#cookie button{font:600 14px DM;border-radius:8px;padding:10px 16px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--swiatlo)}
#cookie button.ok{background:var(--fiolet);border-color:var(--fiolet)}

@media(max-width:900px){.g2,.g3{grid-template-columns:1fr}section{padding:64px 0}}
@media(max-width:640px){body{font-size:16px}.wrap{padding:0 16px}.nav a.small{display:none}.card{padding:20px}}