:root{
  --teal:#3fd8c0; --pink:#ff6ec7; --purple:#b44fff; --orange:#ff8c42;
  --dark:#0a0612; --darker:#060309;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--dark);color:#fff;font-family:'Pathway Extreme',-apple-system,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--teal);text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:860px;margin:0 auto;padding:0 24px;}

/* NAV */
.bnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:rgba(6,3,9,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(63,216,192,.15);}
.bnav .brand{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:3px;color:#fff;}
.bnav .brand b{color:var(--teal);}
.bnav .right{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.bnav a.link{color:rgba(255,255,255,.85);font-size:.9rem;letter-spacing:1px;}
.bnav a.cta{font-family:'Bebas Neue',sans-serif;letter-spacing:2px;border:1px solid var(--pink);color:#fff;padding:8px 18px;}
.bnav a.cta:hover{background:var(--pink);}

/* LISTA WPISÓW */
.blog-head{text-align:center;padding:64px 24px 30px;}
.blog-head .label{color:var(--pink);letter-spacing:4px;font-size:.8rem;text-transform:uppercase;}
.blog-head h1{font-family:'Bebas Neue',sans-serif;font-size:3rem;letter-spacing:3px;margin-top:8px;}
.blog-head p{color:rgba(255,255,255,.55);max-width:620px;margin:14px auto 0;}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:24px 0 70px;}
.bcard{display:block;background:rgba(255,255,255,.03);border:1px solid rgba(63,216,192,.12);overflow:hidden;transition:transform .3s,border-color .3s;}
.bcard:hover{transform:translateY(-4px);border-color:var(--teal);}
.bcard .thumb{aspect-ratio:16/10;background-size:cover;background-position:center;}
.bcard .meta{padding:20px;}
.bcard h2{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:1px;color:#fff;line-height:1.1;}
.bcard p{color:rgba(255,255,255,.55);font-size:.9rem;margin-top:10px;}
.bcard .more{display:inline-block;margin-top:14px;color:var(--teal);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;}

/* ARTYKUŁ */
.hero-img{width:100%;height:min(52vh,460px);object-fit:cover;}
article{padding:40px 0 60px;}
article .label{color:var(--pink);letter-spacing:4px;font-size:.78rem;text-transform:uppercase;}
article h1{font-family:'Bebas Neue',sans-serif;font-size:2.6rem;letter-spacing:2px;line-height:1.05;margin:10px 0 24px;}
article h2{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;letter-spacing:1px;color:var(--teal);margin:34px 0 12px;}
article h3{font-size:1.2rem;color:#fff;margin:24px 0 8px;}
article p{color:rgba(255,255,255,.82);margin:0 0 16px;}
article ul,article ol{color:rgba(255,255,255,.82);margin:0 0 18px;padding-left:22px;}
article li{margin-bottom:8px;}
article strong{color:#fff;}
.cta-box{margin:40px 0 0;padding:28px;text-align:center;background:linear-gradient(135deg,rgba(63,216,192,.08),rgba(180,79,255,.08));border:1px solid rgba(63,216,192,.25);}
.cta-box a{display:inline-block;margin-top:14px;padding:14px 30px;background:linear-gradient(135deg,var(--teal),var(--purple));color:#fff;font-family:'Bebas Neue',sans-serif;letter-spacing:3px;font-size:1.15rem;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.related{margin:38px 0 0;padding:22px 26px;background:rgba(255,255,255,.03);border-left:3px solid var(--pink);}
.related .label{color:var(--pink);letter-spacing:4px;font-size:.78rem;text-transform:uppercase;margin-bottom:10px;}
.related ul{list-style:none;margin:0;padding:0;}
.related li{margin:7px 0;}
.related li a{color:var(--teal);font-weight:700;}
.related li a:hover{text-decoration:underline;}
.back{display:inline-block;margin:28px 0 0;color:rgba(255,255,255,.6);font-size:.9rem;}

footer.bfoot{text-align:center;padding:40px 24px;border-top:1px solid rgba(63,216,192,.12);color:rgba(255,255,255,.4);font-size:.85rem;}
@media(max-width:600px){.blog-head h1{font-size:2.2rem;}article h1{font-size:2rem;}}