/* 10.11.2026: strony czarteru w czarnym motywie strony głównej Skypera */
:root{--a:#5a96ff;--g:#0b0b0d;--t:#f5f5f7;--m:#a1a1a6;--b:#232326;--o:#f08a24;--bg2:#111113}
body{background:#0a0a0a!important;color:var(--t)!important;font-family:"Inter","SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased}
a{color:var(--a)}
header,.top{background:rgba(10,10,10,.85)!important;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--b);color:#fff}
header .w>h1,header h1{font-size:clamp(36px,5vw,56px);font-weight:600;letter-spacing:-.025em;line-height:1.05;text-shadow:0 2px 0 rgba(0,0,0,.45),0 14px 34px rgba(0,0,0,.6)}
header p{color:var(--m)!important;opacity:1!important}
header:has(h1){background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(70,90,120,.4),transparent 70%),#0a0a0a!important;padding-top:56px!important;padding-bottom:64px!important}
nav a,.top a{color:#d2d2d7!important;opacity:1!important}nav a:hover,.top a:hover{color:#fff!important}
nav a:first-child,nav a:first-child b{font-weight:800;letter-spacing:.32em;color:#fff!important}
section{background:transparent!important}
h2{font-weight:600;letter-spacing:-.02em}
h3{color:#fff}
.k,.pasek,.cta,table{background:var(--bg2)!important;border:1px solid var(--b)!important;color:var(--t)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.35),0 14px 32px rgba(0,0,0,.5)}
.k{transition:transform .25s,box-shadow .25s}
.k:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 14px rgba(0,0,0,.4),0 26px 52px rgba(0,0,0,.6)}
.pasek{box-shadow:0 8px 24px rgba(0,0,0,.5);border-left:0!important;border-right:0!important}
.k ul,.k small,.m{color:var(--m)!important}
.cena{color:var(--a)!important}
th{background:#17171a!important;color:var(--m)!important}td,th{border-color:var(--b)!important}
input,select,textarea,.pasek input,.pasek select{background:#000!important;color:#fff!important;border:1px solid #333!important;border-radius:10px!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2f7bff!important}
.btn{background:#f5f5f7!important;color:#000!important;border-radius:980px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 12px rgba(0,0,0,.5)}
.btn.a,button:not(.s):not(.on),.pasek button.on{background:#2f7bff!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 10px rgba(47,123,255,.35),0 12px 26px rgba(47,123,255,.25)}
button.s,.pasek button{background:#1c1c1f!important;color:#d2d2d7!important;border:1px solid #333!important}
pre,code{background:#000!important;color:#e5e5ea!important;border:1px solid var(--b)}
.klucz{background:rgba(240,138,36,.1)!important;border-color:rgba(240,138,36,.5)!important;color:#fff}
.tag{background:rgba(240,138,36,.15)!important;color:#ffb877!important}
.j img,.t span{background:#1c1c1f!important;color:#d2d2d7}
footer{color:var(--m)!important;border-top:1px solid var(--b)}
.pasek button:not(.on):not(.x){background:#1c1c1f!important;color:#d2d2d7!important;border:1px solid #333!important;box-shadow:none!important}
