:root{
  --color-bg-primary:#181A1F;
  --color-bg-secondary:#23262C;
  --color-surface-elevated:#22242A;
  --color-text-primary:#FFFFFF;
  --color-text-secondary:#B2B6BC;
  --color-border:#2D3138;
  --color-accent:#1EA7FF;
  --color-accent-alt:#30F2A2;

  --font-heading:Montserrat,"Segoe UI",Arial,sans-serif;
  --font-body:Inter,"Segoe UI",Arial,sans-serif;

  --fs-1:2.5rem;
  --fs-2:2rem;
  --fs-3:1.5rem;
  --fs-4:1.125rem;
  --fs-5:1rem;
  --fs-6:0.875rem;

  --space-1:0.5rem;
  --space-2:1rem;
  --space-3:1.5rem;
  --space-4:2rem;
  --space-5:3rem;

  --radius:10px;
  --container-max:1200px;

  --shadow-elevated:0 2px 8px rgba(30,167,255,0.08);
}

*,
*::before,
*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
}

body{
  min-height:100vh;
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
  font-family:var(--font-body);
  font-size:var(--fs-5);
  line-height:1.6;
  text-rendering:optimizeLegibility;
}

img,
picture,
video,
canvas,
svg{
  display:block;
  max-width:100%;
  height:auto;
}

a{
  color:var(--color-accent);
  text-decoration:none;
  transition:color .15s ease;
}

a:hover{
  color:var(--color-accent-alt);
}

button,
input,
select,
textarea{
  font:inherit;
  color:inherit;
  background:none;
  border:none;
  outline:none;
}

button{
  cursor:pointer;
}

:focus-visible{
  outline:2px solid var(--color-accent);
  outline-offset:2px;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  font-weight:700;
  line-height:1.25;
  letter-spacing:.02em;
}

h1{font-size:var(--fs-1);margin-block-end:var(--space-3);}
h2{font-size:var(--fs-2);margin-block-end:var(--space-3);}
h3{font-size:var(--fs-3);margin-block-end:var(--space-2);}
h4{font-size:var(--fs-4);margin-block-end:var(--space-2);}
h5{font-size:var(--fs-5);margin-block-end:var(--space-1);}
h6{font-size:var(--fs-6);margin-block-end:var(--space-1);}

p{
  margin-block-end:var(--space-2);
  color:var(--color-text-primary);
}

ul,ol{
  margin-block-end:var(--space-2);
  padding-inline-start:1.25rem;
}

li{
  margin-block-end:var(--space-1);
}

blockquote{
  margin-block-end:var(--space-2);
  padding-left:var(--space-2);
  border-left:2px solid var(--color-accent);
  color:var(--color-text-secondary);
}

hr{
  border:none;
  border-top:1px solid var(--color-border);
  margin-block:var(--space-4);
}

.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--space-2);
}

.section{
  padding-block:var(--space-4);
}

.grid{
  display:grid;
  gap:var(--space-2);
}

.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.flex{
  display:flex;
  gap:var(--space-2);
}

.flex-wrap{
  flex-wrap:wrap;
}

.flex-col{
  flex-direction:column;
}

.items-center{
  align-items:center;
}

.justify-between{
  justify-content:space-between;
}

.card{
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  padding:var(--space-3);
  box-shadow:var(--shadow-elevated);
  transition:border-color .15s ease, box-shadow .15s ease;
}

.card:hover{
  border-color:var(--color-accent);
}

.card > *:last-child{
  margin-bottom:0;
}

.surface{
  background:var(--color-surface-elevated);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
}

.meta{
  font-size:var(--fs-6);
  color:var(--color-text-secondary);
}

.badge{
  display:inline-block;
  font-size:var(--fs-6);
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--color-accent);
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.65rem 1.25rem;
  border-radius:var(--radius);
  background:var(--color-accent);
  color:#fff;
  font-weight:700;
  font-size:var(--fs-6);
  transition:background .15s ease, box-shadow .15s ease;
}

.button:hover{
  background:var(--color-accent-alt);
}

.input,
textarea,
select{
  width:100%;
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  padding:.65rem .75rem;
}

.input:focus,
textarea:focus,
select:focus{
  border-color:var(--color-accent);
}

.row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:var(--space-2);
  align-items:start;
}

.row img{
  border-radius:var(--radius);
  object-fit:cover;
  width:100%;
  height:100%;
}

.row > *:last-child{
  margin-bottom:0;
}

.media-16x9{
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:var(--radius);
}

.media-16x9 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sidebar{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.footer{
  border-top:1px solid var(--color-border);
  padding-block:var(--space-4);
}

@media (max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:640px){
  .grid-4,
  .grid-3,
  .grid-2{
    grid-template-columns:1fr;
  }

  .row{
    grid-template-columns:1fr;
  }

  h1{font-size:2rem;}
  h2{font-size:1.5rem;}
}


.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--color-bg-primary);
  border-bottom:1px solid var(--color-border);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  gap:var(--space-2);
}

.header-brand{
  display:flex;
  align-items:center;
  gap:0.75rem;
  color:var(--color-text-primary);
}

.brand-mark{
  height:44px;
  width:auto;
}

.brand-text{
  font-family:var(--font-heading);
  font-weight:700;
  font-size:1.1rem;
  line-height:1.2;
}

.header-nav{
  display:flex;
}

.nav-list{
  display:flex;
  gap:var(--space-2);
  list-style:none;
}

.nav-link{
  color:var(--color-text-primary);
  font-size:var(--fs-6);
  padding:0.4rem 0.6rem;
  border-radius:var(--radius);
}

.nav-link:hover{
  color:var(--color-accent);
}

.nav-cta{
  background:var(--color-accent);
  color:#fff;
  font-weight:700;
}

.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  width:40px;
  height:40px;
  border:1px solid var(--color-border);
  border-radius:var(--radius);
}

.toggle-line{
  width:20px;
  height:2px;
  background:var(--color-text-primary);
  margin:0 auto;
}

@media (max-width:900px){
  .header-nav{
    position:fixed;
    top:72px;
    left:0;
    width:100%;
    background:var(--color-bg-primary);
    border-top:1px solid var(--color-border);
    max-height:calc(100vh - 72px);
    overflow:auto;
    transform:translateY(-120%);
    transition:transform .2s ease;
  }

  .header-nav.open{
    transform:translateY(0);
  }

  .nav-list{
    flex-direction:column;
    padding:var(--space-3);
  }

  .nav-toggle{
    display:flex;
  }

  .brand-mark{
    height:34px;
  }

  .brand-text{
    font-size:0.9rem;
  }
}


.site-footer{
  background:var(--color-bg-primary);
}

.footer-inner{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.footer-top{
  display:flex;
  gap:var(--space-4);
  flex-wrap:wrap;
}

.footer-brand{
  max-width:320px;
}

.footer-logo{
  height:40px;
  margin-bottom:var(--space-2);
}

.footer-desc{
  color:var(--color-text-secondary);
}

.footer-nav{
  display:flex;
  gap:var(--space-4);
  flex-wrap:wrap;
}

.footer-nav h4{
  margin-bottom:var(--space-2);
}

.footer-nav ul{
  list-style:none;
  padding:0;
}

.footer-nav a{
  color:var(--color-text-secondary);
  font-size:var(--fs-6);
}

.footer-nav a:hover{
  color:var(--color-accent);
}

.footer-bottom{
  border-top:1px solid var(--color-border);
  padding-top:var(--space-2);
  text-align:center;
  font-size:var(--fs-6);
  color:var(--color-text-secondary);
}

.consent{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:var(--color-surface-elevated);
  border-top:1px solid var(--color-border);
  padding:var(--space-2);
  z-index:2000;
}

.consent-inner{
  max-width:var(--container-max);
  margin-inline:auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
}

.consent p{
  margin:0;
  color:var(--color-text-secondary);
}

.consent-actions{
  display:flex;
  gap:var(--space-2);
}

.consent[hidden]{
  display:none;
}

@media (max-width:640px){
  .footer-top{
    flex-direction:column;
  }
}


.privacy-policy{
}

.pp-header-container{
max-width:800px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.pp-intro{
color:var(--color-text-secondary);
}

.pp-section{
border-bottom:1px solid var(--color-border);
}

.pp-container{
max-width:800px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.pp-container h2{
margin-bottom:var(--space-2);
}

.pp-container h3{
margin-top:var(--space-2);
}

.pp-container ul{
padding-left:1.25rem;
}

.pp-contact{
background:var(--color-bg-secondary);
}

@media (max-width:640px){
.pp-header-container,
.pp-container{
padding-inline:var(--space-2);
}
}


.cookie-policy{background:var(--color-bg-primary);}

.cp-hero-inner{
  max-width:800px;
  margin-inline:auto;
}

.cp-intro{
  color:var(--color-text-secondary);
}

.cp-narrow{
  max-width:800px;
  margin-inline:auto;
}

.cp-section{
  border-top:1px solid var(--color-border);
}

.cp-block{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.cp-divider-block{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  padding-top:var(--space-3);
  border-top:1px solid var(--color-border);
}

.cp-divider-block:first-of-type{
  border-top:none;
  padding-top:0;
}

.cp-contact-inner{
  max-width:900px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media (max-width:640px){
  .cp-hero-inner,
  .cp-narrow,
  .cp-contact-inner{
    padding-inline:var(--space-2);
  }
}


.newsletter-page{}

.newsletter-hero{position:relative;text-align:center;overflow:hidden}
.newsletter-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}
.newsletter-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.newsletter-hero-text{max-width:600px;margin-inline:auto}
.newsletter-hero-form{display:flex;gap:var(--space-2);max-width:500px;width:100%}
.newsletter-hero-form input{flex:1}

.newsletter-cards .card{height:100%}

.newsletter-benefits .grid>div{max-width:600px;margin-inline:auto;text-align:center}

.newsletter-frequency .container{max-width:500px;text-align:center}

.newsletter-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.newsletter-preview-img img{border-radius:var(--radius)}

.newsletter-form{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.newsletter-consent{font-size:var(--fs-6);color:var(--color-text-secondary);display:flex;gap:var(--space-1);align-items:center;justify-content:center}

.newsletter-privacy .container{max-width:600px;text-align:center}

.newsletter-final{position:relative;text-align:center}
.newsletter-final-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}
.newsletter-final-inner{position:relative;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:768px){
.newsletter-preview{grid-template-columns:1fr}
.newsletter-hero-form{flex-direction:column}
}


.contact-page{}

.contact-hero-inner{
  max-width:800px;
  margin-inline:auto;
  text-align:center;
}

.contact-main .contact-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--space-3);
}

.contact-form-column,
.contact-info-column{
  min-width:0;
}

.contact-form{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.form-group{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

textarea{
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  padding:.65rem .75rem;
}

textarea:focus{
  border-color:var(--color-accent);
}

.form-status{
  font-size:var(--fs-6);
  color:var(--color-text-secondary);
}

.contact-privacy{
  max-width:600px;
  color:var(--color-text-secondary);
}

.contact-info{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.contact-benefits h2{
  margin-bottom:var(--space-3);
}

.contact-cards .card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.contact-reasons-inner{
  max-width:800px;
}

.contact-cta-inner{
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  align-items:center;
}

.contact-email-inner{
  text-align:center;
  max-width:600px;
  margin-inline:auto;
}

@media (max-width:1024px){
  .contact-main .contact-grid{
    grid-template-columns:1fr;
  }
}


.contact-page{display:block}

.contact-hero-inner{display:flex;justify-content:center}
.contact-hero-text{max-width:700px;text-align:center}

.contact-cards{align-items:stretch}
.contact-card{display:flex;flex-direction:column;min-width:280px}

.contact-form-layout{display:flex;gap:var(--space-3)}
.contact-form-box{flex:2;padding:var(--space-4)}
.contact-side-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}

.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}
.form-status{margin-top:var(--space-2);font-size:var(--fs-6)}

.contact-reasons .reason-block{max-width:500px}

.contact-response-inner{display:flex;justify-content:center}
.contact-response-text{max-width:600px;text-align:center}

.contact-cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.contact-footer-grid{display:flex;gap:var(--space-4)}
.footer-col{flex:1}

@media (max-width:1024px){
.contact-form-layout{flex-direction:column}
.contact-footer-grid{flex-direction:column}
}

@media (max-width:640px){
.contact-hero-text{text-align:center}
}


.home-page{display:block}

.home-hero{position:relative;min-height:420px}
.home-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.home-hero-content{position:relative;display:flex;align-items:center;min-height:420px}
.home-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-2)}

.home-news-grid .home-news-card{display:flex;flex-direction:column;gap:var(--space-2)}

.home-filters{display:flex;justify-content:center}
.home-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.home-filter-buttons .button.active{background:var(--color-accent-alt)}

.home-popular .card{display:flex;flex-direction:column;gap:var(--space-2)}

.home-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.home-tags a{padding:0.4rem 0.7rem;border:1px solid var(--color-border);border-radius:var(--radius)}
.home-tags a:hover{border-color:var(--color-accent)}

.home-newsletter{position:relative;text-align:center}
.home-newsletter-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-newsletter-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7)}
.home-newsletter-content{position:relative;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}
.home-newsletter-form{display:flex;gap:var(--space-2);justify-content:center}
.home-newsletter-form input{flex:1;min-width:0}

@media(max-width:640px){
.home-hero-text{max-width:100%}
.home-newsletter-form{flex-direction:column}
}


.premiery-page{display:block}

.premiery-hero-grid{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-4);align-items:center}
.premiery-hero-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.premiery-hero-image img{border-radius:var(--radius);width:100%;height:100%;object-fit:cover}

.premiery-feature{display:flex;flex-direction:column;gap:var(--space-2)}

.premiery-intro{max-width:700px}

.premiery-layout{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-4)}
.premiery-main{min-width:0}

.premiery-calendar{display:flex;flex-direction:column;gap:var(--space-2)}

.premiery-filters{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.filter-btn{padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--fs-6)}
.filter-btn.active{border-color:var(--color-accent);color:var(--color-accent)}

.premiery-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.premiery-compare img{margin-top:var(--space-3);border-radius:var(--radius)}

.premiery-ranking{max-width:700px}

.premiery-cta{background:var(--color-bg-secondary)}
.premiery-cta-box{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.premiery-form{display:flex;gap:var(--space-1)}
.premiery-form input{flex:1}

.premiery-faq{display:flex;flex-direction:column;gap:var(--space-2);max-width:700px}
.faq-question{width:100%;text-align:left;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius)}
.faq-answer{display:none;padding:var(--space-2)}
.faq-item.active .faq-answer{display:block}

@media(max-width:1024px){
.premiery-hero-grid{grid-template-columns:1fr}
.premiery-layout{grid-template-columns:1fr}
.premiery-compare-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.premiery-form{flex-direction:column}
}


.tt-page{}

.tt-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.tt-hero-content{max-width:600px;display:flex;flex-direction:column;gap:var(--space-2)}

.tt-trend-card{display:flex;flex-direction:column;gap:var(--space-2)}

.tt-categories{gap:var(--space-3)}
.tt-category{border-top:1px solid var(--color-border);padding-top:var(--space-2)}

.tt-feature{align-items:center}

.tt-tags{text-align:center}
.tt-tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}
.tt-tag-cloud a{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius)}
.tt-tag-cloud a:hover{border-color:var(--color-accent)}

.tt-cta-box{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:1024px){
.tt-hero-inner{grid-template-columns:1fr}
}

@media(max-width:640px){
.tt-hero-content{max-width:100%}
}


.aktualnosci-page{display:block}

.hero-news{position:relative}
.hero-news .hero-link{display:block;position:relative}
.hero-overlay{position:absolute;left:0;bottom:0;width:100%;padding:var(--space-4)}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-2)}
.hero-overlay::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2));z-index:0}
.hero-text{position:relative;z-index:1}

.news-grid-section .news-grid{margin-top:var(--space-3)}
.news-card{display:flex;flex-direction:column;gap:var(--space-2)}

.main-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:var(--space-4)}
.content-area{min-width:0}
.trending{min-width:0}
.trending ul{padding-left:1rem}

.categories .grid > div{text-align:center}

.updates .grid > div{min-width:0}

.ticker{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden}
.ticker-track{display:flex;gap:var(--space-4);padding:var(--space-2);white-space:nowrap;animation:scroll 20s linear infinite}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.newsletter-box{max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.newsletter-form{display:flex;gap:var(--space-2)}

.archive ul{list-style:none;padding-left:0}

.editorial-footer .grid>div{min-width:0}

@media(max-width:1024px){
.main-with-sidebar{grid-template-columns:1fr}
}

@media(max-width:640px){
.hero-overlay{position:static}
.hero-overlay::before{display:none}
.hero-text{max-width:100%}
.newsletter-form{flex-direction:column}
}


.o-nas-hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.o-nas-hero-text{display:flex;flex-direction:column;gap:var(--space-2);max-width:520px}
.o-nas-lead{font-size:var(--fs-4);line-height:1.6}
.o-nas-hero-image img{border-radius:var(--radius)}

.o-nas-mission .o-nas-narrow{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.o-nas-process .grid>div{min-width:0}

.o-nas-audience .o-nas-narrow-center{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.o-nas-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);align-items:start}
.o-nas-values-grid>div{min-width:0}
.o-nas-values-image img{border-radius:var(--radius)}

.o-nas-owner-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4)}
.o-nas-owner-grid>div{min-width:0}

.o-nas-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}
.o-nas-cta-box img{border-radius:var(--radius)}

.o-nas-summary .o-nas-narrow-center{max-width:700px;margin-inline:auto;text-align:center}

@media(max-width:1024px){
.o-nas-hero-grid{grid-template-columns:1fr}
.o-nas-owner-grid{grid-template-columns:1fr}
.o-nas-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
.o-nas-values-grid{grid-template-columns:1fr}
}


.artykuly-page{}

.artykuly-hero{
position:relative;
overflow:hidden;
}
.artykuly-hero-bg{
width:100%;
height:420px;
object-fit:cover;
}
.artykuly-hero-overlay{
position:absolute;
inset:0;
display:flex;
align-items:center;
}
.artykuly-hero-content{
max-width:600px;
margin-left:2rem;
display:flex;
flex-direction:column;
gap:1rem;
}

.artykuly-layout{
display:grid;
grid-template-columns:3fr 1fr;
gap:2rem;
}
.artykuly-main{
min-width:0;
}
.artykuly-sidebar{
min-width:0;
}

.artykuly-grid .artykul-card{
display:flex;
flex-direction:column;
gap:0.75rem;
}

.artykuly-kategorie{
margin-top:2rem;
display:flex;
flex-direction:column;
align-items:center;
gap:1rem;
}
.artykuly-tags{
display:flex;
flex-wrap:wrap;
gap:0.5rem;
justify-content:center;
}
.tag{
padding:0.5rem 1rem;
border:1px solid var(--color-border);
border-radius:var(--radius);
}
.tag.active{
border-color:var(--color-accent);
color:var(--color-accent);
}

.artykuly-analizy .artykul-feature{
display:flex;
flex-direction:column;
gap:1rem;
}

.artykuly-tematy .card{
display:flex;
flex-direction:column;
gap:0.75rem;
}

.author-card{
text-align:center;
display:flex;
flex-direction:column;
gap:0.75rem;
}

.artykuly-cta{
margin-top:2rem;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:1rem;
}
.newsletter-form{
display:flex;
gap:0.5rem;
max-width:400px;
width:100%;
}

.artykuly-nav{
margin-top:2rem;
display:flex;
flex-direction:column;
gap:1rem;
}

.artykuly-popular{
display:flex;
flex-direction:column;
gap:1rem;
}

@media(max-width:1024px){
.artykuly-layout{
grid-template-columns:1fr;
}
.artykuly-sidebar{order:2;}
}

@media(max-width:640px){
.artykuly-hero-bg{height:260px;}
.artykuly-hero-content{margin:1rem;}
.newsletter-form{flex-direction:column;}
}


.recenzje-page{display:block}
.recenzje-hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.recenzje-hero-media img{width:100%;border-radius:var(--radius)}
.recenzje-hero-content{max-width:520px;display:flex;flex-direction:column;gap:var(--space-2)}
.recenzje-hero-meta{display:flex;flex-direction:column;gap:var(--space-2)}

.recenzje-filters-bar{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}
.recenzje-platforms{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.filter-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius)}
.filter-btn.active{background:var(--color-accent);color:#fff}
.recenzje-genres{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.genre-tag{font-size:var(--fs-6);border:1px solid var(--color-border);padding:.3rem .6rem;border-radius:var(--radius)}

.recenzja-card{display:flex;flex-direction:column;gap:var(--space-2)}

.recenzje-ranking ul{list-style:none;padding:0}
.recenzje-ranking li{margin-bottom:var(--space-1)}

.platform-block{display:flex;flex-direction:column;gap:var(--space-2)}

.feature-card{display:flex;flex-direction:column;gap:var(--space-2)}

.popular-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}

.newsletter-box{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.newsletter-form{display:flex;gap:var(--space-2)}
.newsletter-form input{flex:1}

@media(max-width:1024px){
.recenzje-hero-inner{grid-template-columns:1fr}
}

@media(max-width:640px){
.newsletter-form{flex-direction:column}
}


.tc-page{display:block}

.tc-container{
  max-width:800px;
  width:100%;
}

.tc-intro .tc-container,
.tc-definitions .tc-container,
.tc-usage .tc-container,
.tc-ip .tc-container,
.tc-liability .tc-container,
.tc-external .tc-container,
.tc-contact .tc-container,
.tc-final .tc-container{
  margin-inline:auto;
}

.tc-block{
  border-top:1px solid var(--color-border);
  padding-top:var(--space-3);
  margin-top:var(--space-3);
}

.tc-usage h3,
.tc-ip h3,
.tc-liability h3,
.tc-external h3,
.tc-contact h3,
.tc-final h3{
  margin-top:var(--space-3);
}

.tc-final{
  border-top:1px solid var(--color-border);
}

@media (max-width:640px){
  .tc-container{
    padding-inline:var(--space-2);
  }
}


.poradniki-page{}

.poradniki-hero__inner{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.poradniki-featured__grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--space-2);
}

.poradniki-featured__main{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.poradniki-featured__content{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

.poradniki-featured__side{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.poradniki-filters__bar{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.poradniki-tags{
  display:flex;
  gap:var(--space-1);
  flex-wrap:wrap;
}

.tag{
  padding:0.4rem 0.8rem;
  border:1px solid var(--color-border);
  border-radius:var(--radius);
}

.tag.active{
  border-color:var(--color-accent);
  color:var(--color-accent);
}

.poradnik-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

.poradniki-expert__inner{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.poradniki-cta__box{
  max-width:500px;
  margin-inline:auto;
  text-align:center;
  background:var(--color-bg-secondary);
  padding:var(--space-3);
  border-radius:var(--radius);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.poradniki-form{
  display:flex;
  gap:var(--space-1);
}

.poradniki-trending__list{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

@media(max-width:1024px){
  .poradniki-featured__grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .poradniki-form{
    flex-direction:column;
  }
}


.thank-you{
  display:flex;
  align-items:center;
  justify-content:center;
}

.thank-you__card{
  max-width:640px;
  margin-inline:auto;
  text-align:center;
  padding:var(--space-4);
}

.thank-you__content{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.thank-you__actions{
  display:flex;
  justify-content:center;
  gap:var(--space-2);
  margin-top:var(--space-2);
  flex-wrap:wrap;
}

.thank-you__secondary{
  background:transparent;
  border:1px solid var(--color-border);
}

.thank-you__secondary:hover{
  border-color:var(--color-accent);
  background:var(--color-bg-secondary);
}

@media (max-width:640px){
  .thank-you__card{
    padding:var(--space-3);
  }
}