/* generowane przez build.mjs — edytuj .dc.html, nie ten plik */
html,body{margin:0;height:auto;min-height:100%;overflow-x:hidden}
body{background:#0A0A0F}
img{max-width:100%}
a{color:#EDE7DF;text-decoration:none}
a:hover{color:#B79BFF}

/* Nagłówek z .dc.html ma nav na flex-wrap:nowrap — poniżej ~860px wyjeżdża poza ekran
   i ucina "Wiedza" razem z CTA. Pozwalamy mu się zawinąć; !important bije inline style.
   Docelowe menu mobilne to decyzja projektowa, nie naprawa. */
@media (max-width:860px){
  header{position:static!important}   /* zawinięty nagłówek ma ~160px — jako sticky zjadałby piąty ekranu */
  header>div{flex-wrap:wrap!important;gap:16px!important;padding:14px 20px!important}
  header nav{flex-wrap:wrap!important;justify-content:flex-start!important;gap:12px 18px!important}
}

.h1:hover{color:#EDE7DF !important}
.h2:hover{background:#8E52F7 !important;color:#FFFFFF !important}
.h3:hover{transform:translateY(-2px) !important;border-color:rgba(139,92,246,.42) !important;box-shadow:0 22px 52px rgba(0,0,0,.52),-16px -12px 46px rgba(139,92,246,.10),16px -12px 46px rgba(139,92,246,.09),inset 0 1px 0 rgba(237,231,223,.07) !important}
.b4::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,rgba(139,92,246,.95) 0%,rgba(139,92,246,.7) 26%,rgba(152,123,56,.4) 52%,rgba(100,139,128,.32) 74%,rgba(105,102,102,.18) 92%,rgba(105,102,102,.08) 100%);opacity:.58;pointer-events:none}
.h5:hover{border-color:rgba(139,92,246,.58) !important;background:rgba(139,92,246,.14) !important}
.h6:hover{background:linear-gradient(155deg,#A78BFA 0%,#A78BFA 100%) !important;color:#FFFFFF !important}
.h7:hover{transform:translateY(-2px) !important;border-color:rgba(118,228,214,.42) !important;box-shadow:0 22px 52px rgba(0,0,0,.52),-16px -12px 46px rgba(118,228,214,.10),16px -12px 46px rgba(118,228,214,.09),inset 0 1px 0 rgba(237,231,223,.07) !important}
.b8::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,rgba(118,228,214,.95) 0%,rgba(118,228,214,.7) 26%,rgba(152,123,56,.4) 52%,rgba(118,228,214,.32) 74%,rgba(105,102,102,.18) 92%,rgba(105,102,102,.08) 100%);opacity:.58;pointer-events:none}
.h9:hover{border-color:rgba(118,228,214,.58) !important;background:rgba(118,228,214,.14) !important}
.h10:hover{background:linear-gradient(155deg,#A7F3E8 0%,#A7F3E8 100%) !important;color:#06201C !important}
.h11:hover{transform:translateY(-2px) !important;border-color:rgba(214,176,106,.42) !important;box-shadow:0 22px 52px rgba(0,0,0,.52),-16px -12px 46px rgba(214,176,106,.10),16px -12px 46px rgba(214,176,106,.09),inset 0 1px 0 rgba(237,231,223,.07) !important}
.b12::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,rgba(214,176,106,.95) 0%,rgba(214,176,106,.7) 26%,rgba(214,176,106,.4) 52%,rgba(100,139,128,.32) 74%,rgba(105,102,102,.18) 92%,rgba(105,102,102,.08) 100%);opacity:.58;pointer-events:none}
.h13:hover{border-color:rgba(214,176,106,.58) !important;background:rgba(214,176,106,.14) !important}
.h14:hover{background:linear-gradient(155deg,#E9D7A5 0%,#E9D7A5 100%) !important;color:#221803 !important}
.h15:hover{transform:translateY(-2px) !important;border-color:rgba(224,138,78,.42) !important;box-shadow:0 22px 52px rgba(0,0,0,.52),-16px -12px 46px rgba(224,138,78,.10),16px -12px 46px rgba(224,138,78,.09),inset 0 1px 0 rgba(237,231,223,.07) !important}
.b16::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,rgba(224,138,78,.95) 0%,rgba(224,138,78,.7) 26%,rgba(152,123,56,.4) 52%,rgba(100,139,128,.32) 74%,rgba(224,138,78,.18) 92%,rgba(224,138,78,.08) 100%);opacity:.58;pointer-events:none}
.h17:hover{border-color:rgba(224,138,78,.58) !important;background:rgba(224,138,78,.14) !important}
.h18:hover{background:linear-gradient(155deg,#F0B27A 0%,#F0B27A 100%) !important;color:#2A1203 !important}
.h19:hover{background:linear-gradient(155deg,#A78BFA 0%,#A78BFA 100%) !important;color:#12061F !important}
.h20:hover{transform:translateY(-2px) !important;border-color:rgba(139,92,246,.62) !important;box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 46px rgba(139,92,246,.18),inset 0 1px 0 rgba(255,255,255,.1) !important}
.h21:hover{background:rgba(139,92,246,.16) !important;border-color:rgba(139,92,246,.7) !important;color:rgb(139,92,246) !important}
.h22:hover{transform:translateY(-2px) !important;border-color:rgba(118,228,214,.62) !important;box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 46px rgba(118,228,214,.18),inset 0 1px 0 rgba(255,255,255,.1) !important}
.h23:hover{background:rgba(118,228,214,.16) !important;border-color:rgba(118,228,214,.7) !important;color:rgb(118,228,214) !important}
.h24:hover{transform:translateY(-2px) !important;border-color:rgba(124,167,237,.62) !important;box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 46px rgba(124,167,237,.18),inset 0 1px 0 rgba(255,255,255,.1) !important}
.h25:hover{background:rgba(124,167,237,.16) !important;border-color:rgba(124,167,237,.7) !important;color:rgb(124,167,237) !important}
.h26:hover{transform:translateY(-2px) !important;border-color:rgba(214,176,106,.62) !important;box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 46px rgba(214,176,106,.18),inset 0 1px 0 rgba(255,255,255,.1) !important}
.h27:hover{background:rgba(214,176,106,.16) !important;border-color:rgba(214,176,106,.7) !important;color:rgb(214,176,106) !important}
.h28:hover{color:#FFFFFF !important}
.b29::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,rgba(139,92,246,.9) 0%,rgba(118,228,214,.5) 34%,rgba(214,176,106,.55) 72%,rgba(124,167,237,.3) 100%);opacity:.62;pointer-events:none}
.h30:hover{border-color:rgba(139,92,246,.5) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(139,92,246,.10) !important}
.h31:hover{border-color:rgba(118,228,214,.5) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(118,228,214,.10) !important}
.h32:hover{border-color:rgba(124,167,237,.5) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(124,167,237,.10) !important}
.h33:hover{filter:brightness(1.08) !important}