:root{
  --color-bg-primary:#0C0F14;
  --color-bg-secondary:#181D26;
  --color-bg-tertiary:#252D39;

  --color-text-primary:#F6F7FA;
  --color-text-secondary:#BFC7D3;
  --color-text-accent:#5A7CFF;
  --color-text-contrast:#0C0F14;

  --color-accent-primary:#5A7CFF;
  --color-accent-secondary:#8B5CF6;
  --color-accent-success:#18C29C;

  --color-border-default:#36404D;

  --font-heading:'DM Serif Display','Georgia',serif;
  --font-body:'Inter','Roboto','Arial',sans-serif;

  --text-display:clamp(2.8rem,7vw,4.5rem);
  --text-h1:clamp(2.2rem,5vw,3.2rem);
  --text-h2:clamp(1.6rem,3vw,2.2rem);
  --text-lg:1.125rem;
  --text-md:1rem;
  --text-sm:0.93rem;

  --space-0:0px;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:64px;
  --space-7:96px;

  --container-max:1200px;
  --container-pad:clamp(16px,4vw,48px);

  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;

  --shadow-accent:0 2px 24px 0 rgba(90,124,255,0.2);

  --transition-fast:200ms cubic-bezier(0.4,0,0.2,1);
  --transition-base:300ms cubic-bezier(0.4,0,0.2,1);
}

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

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
  font-family:var(--font-body);
  font-size:var(--text-lg);
  line-height:1.6;
  text-rendering:optimizeLegibility;
}

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

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

button{
  cursor:pointer;
}

a{
  color:var(--color-text-accent);
  text-decoration:none;
  transition:color var(--transition-fast),box-shadow var(--transition-fast);
}

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

ul{
  list-style:none !important;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  line-height:1.2;
  letter-spacing:0.01em;
  color:var(--color-text-primary);
}

h1{font-size:var(--text-display);}
h2{font-size:var(--text-h1);}
h3{font-size:var(--text-h2);}
h4{font-size:var(--text-lg);}
h5{font-size:var(--text-md);}
h6{font-size:var(--text-sm);}

p {
  font-size:var(--text-lg);
  color:var(--color-text-primary);
}

small{
  font-size:var(--text-sm);
  color:var(--color-text-secondary);
}

h1{margin-block-end:var(--space-4);}
h2{margin-block-end:var(--space-3);}
h3{margin-block-end:var(--space-3);}
h4,h5,h6{margin-block-end:var(--space-2);}
p {margin-block-end:var(--space-3);}
ul,ol{margin-block-end:var(--space-3);}
blockquote{margin-block-end:var(--space-4);}

*:last-child{
  margin-block-end:0;
}

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

.section{
  padding-block:clamp(32px,6vw,64px);
}

.surface{
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border-default);
  border-radius:var(--radius-md);
}

.surface-inset{
  background:var(--color-bg-tertiary);
  border-radius:var(--radius-md);
}

.card{
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border-default);
  border-radius:var(--radius-md);
  padding:clamp(24px,3vw,32px);
  transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast);
}

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

.stack{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.cluster{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-2);
}

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

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

.flex-col{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.flex-between{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-1);
  padding:10px 16px;
  border-radius:var(--radius-sm);
  background:var(--color-accent-primary);
  color:var(--color-text-contrast) !important;
  font-size:var(--text-md);
  transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);
}

.button:hover{
  background:var(--color-accent-secondary);
  box-shadow:var(--shadow-accent);
}

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

.input,
textarea,
select{
  width:100%;
  padding:12px 14px;
  border-radius:var(--radius-sm);
  background:var(--color-bg-tertiary);
  border:1px solid var(--color-border-default);
  color:var(--color-text-primary);
  transition:border-color var(--transition-fast),box-shadow var(--transition-fast);
}

.input:focus,
textarea:focus,
select:focus{
  border-color:var(--color-accent-primary);
  box-shadow:0 0 0 2px rgba(90,124,255,0.3);
}

label{
  display:block;
  font-size:var(--text-sm);
  color:var(--color-text-secondary);
  margin-block-end:var(--space-1);
}

.content{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.content ul{
  padding-left:1.2em;
}

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

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

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

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

@media (max-width:768px){
  body{
    font-size:var(--text-md);
  }
  .section{
    padding-block:var(--space-4);
  }
}


.qa-header{position:fixed;top:0;left:0;width:100%;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);z-index:1000}
.qa-header-spacer{height:80px}
.qa-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}
.qa-brand{display:flex;align-items:center;gap:12px;color:var(--color-text-primary)}
.qa-brand__mark{width:56px;height:auto}
.qa-brand__text{font-family:var(--font-heading);font-size:24px}
.qa-nav__list{display:flex;gap:24px;margin:0;padding:0}
.qa-nav__link{color:var(--color-text-secondary);font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.qa-nav__link:hover{color:var(--color-text-accent)}
.qa-header__actions{display:flex;align-items:center;gap:12px}
.qa-search__input{max-width:180px}
.qa-nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px}
.qa-nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary)}
@media(max-width:900px){.qa-nav{position:fixed;top:80px;right:0;width:280px;height:calc(100% - 80px);background:var(--color-bg-secondary);transform:translateX(100%);transition:transform var(--transition-base);overflow-y:auto;padding:24px}
.qa-nav.open{transform:translateX(0)}
.qa-nav__list{flex-direction:column;gap:16px}
.qa-nav-toggle{display:flex}
.qa-search{display:none}
.qa-brand__mark{width:40px}
.qa-brand__text{font-size:18px}}


.qa-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-default);padding:48px 0}
.qa-footer__grid{display:grid;gap:32px}
.qa-footer__nav,.qa-footer__legal{display:flex;flex-direction:column;gap:8px}
.qa-footer__title{font-family:var(--font-heading);font-size:20px}
.qa-footer__bottom{text-align:center;padding-top:24px;color:var(--color-text-secondary)}
.qa-consent{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--color-bg-tertiary);padding:16px;border:1px solid var(--color-border-default);border-radius:8px;display:flex;gap:16px;align-items:center;z-index:1000}
.qa-consent.hidden{display:none}
.qa-consent__actions{display:flex;gap:8px}
.qa-consent__reject{background:none;border:1px solid var(--color-border-default);padding:10px 14px;border-radius:4px}


.cookie-page{}

.cookie-hero{
  background:linear-gradient(180deg, rgba(90,124,255,0.08), transparent);
  text-align:center;
}
.cookie-hero-container{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  align-items:center;
}
.cookie-headline{
  max-width:1000px;
}
.cookie-lead{
  max-width:640px;
  text-align:left;
}

.cookie-definition-inner{
  display:flex;
  justify-content:center;
}
.cookie-definition-text{
  max-width:680px;
}

.cookie-types-heading{
  margin-bottom:var(--space-4);
}
.cookie-types-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
}
.cookie-type{
  min-width:0;
}

.cookie-legal-inner{
  display:flex;
  justify-content:center;
}
.cookie-legal-text{
  max-width:700px;
}

.cookie-management-inner{
  display:flex;
}
.cookie-management-text{
  max-width:720px;
}

.cookie-tools{
  background:rgba(255,255,255,0.01);
}
.cookie-tools-inner{
  display:flex;
  justify-content:center;
}
.cookie-tools-text{
  max-width:680px;
}

.cookie-updates-inner{
  display:flex;
  justify-content:center;
}
.cookie-updates-text{
  max-width:600px;
}

@media (max-width:900px){
  .cookie-types-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .cookie-headline{
    max-width:100%;
  }
  .cookie-lead{
    max-width:100%;
  }
}


.news-page{display:flex;flex-direction:column}

.news-hero{position:relative;height:70vh;display:flex;align-items:flex-end}
.news-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(12,15,20,0.9), transparent 60%)}
.news-hero__content{position:relative;max-width:520px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}

.news-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.news-card{position:relative;overflow:hidden;border-radius:var(--radius-md)}
.news-card img{width:100%;height:100%;object-fit:cover}
.news-card__content{position:absolute;bottom:0;padding:var(--space-3);background:linear-gradient(to top, rgba(0,0,0,0.7), transparent)}

.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.news-item{border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-3)}

.news-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.news-updates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.news-scroll{display:flex;gap:var(--space-3);overflow-x:auto}
.news-scroll-card{min-width:280px}

.news-feature-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}

.news-categories{display:flex;gap:var(--space-2);flex-wrap:wrap}
.news-categories a{padding:8px 12px;background:var(--color-accent-primary);color:var(--color-text-contrast);border-radius:var(--radius-sm)}

.news-cta{max-width:480px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.news-featured{grid-template-columns:1fr}
.news-list{grid-template-columns:1fr}
.news-grid-3{grid-template-columns:1fr}
.news-updates{grid-template-columns:1fr}
.news-feature-split{grid-template-columns:1fr}
.news-hero{height:auto}
}


.pp-page{display:block}

.pp-hero{
  background:linear-gradient(180deg,#0C0F14 0%,#181D26 100%);
}

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

.pp-hero-inner p {
  text-align:left;
  margin-inline:auto;
}

.pp-section{border-top:1px solid var(--color-border-default)}

.pp-narrow{
  max-width:720px;
}

.pp-medium{
  max-width:780px;
}

.pp-narrow,.pp-medium{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.pp-def{
  padding-bottom:var(--space-3);
  border-bottom:1px solid var(--color-border-default);
}

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

.pp-block ul{
  padding-left:1.2em;
}

@media (max-width:768px){
  .pp-hero-inner{padding-inline:16px}
  .pp-narrow,.pp-medium{padding-inline:16px}
}


.kontakt-page{}

.kontakt-hero-inner{
  display:flex;
  justify-content:flex-start;
}

.kontakt-hero-text{
  max-width:900px;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.kontakt-hero-sub{
  max-width:60ch;
  color:var(--color-text-secondary);
}

.kontakt-types-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-3);
}

.kontakt-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  padding:var(--space-4);
  border:1px solid var(--color-border-default);
  border-radius:var(--radius-md);
  background:linear-gradient(145deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));
  transition:all var(--transition-base);
  min-width:0;
}

.kontakt-card:hover{
  border-color:var(--color-accent-primary);
  box-shadow:var(--shadow-accent);
}

.kontakt-form-layout{
  display:grid;
  grid-template-columns:70% 30%;
  gap:var(--space-5);
}

.kontakt-form-panel{
  padding:var(--space-5);
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.kontakt-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
}

.form-field{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0;
}

.form-full{
  grid-column:1 / -1;
}

.kontakt-submit{
  width:fit-content;
}

.kontakt-form-note{
  max-width:60ch;
  font-size:var(--text-sm);
  color:var(--color-text-secondary);
}

.kontakt-response-inner{
  display:flex;
  justify-content:center;
}

.kontakt-response-text{
  max-width:700px;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  text-align:left;
}

.kontakt-guidelines-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
}

.kontakt-col{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
}

.kontakt-cta-inner{
  max-width:800px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding:var(--space-5);
  background:linear-gradient(135deg,rgba(90,124,255,0.15),rgba(139,92,246,0.15));
  border-radius:var(--radius-md);
  border:1px solid var(--color-border-default);
}

@media (max-width:1100px){
  .kontakt-types-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .kontakt-form-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .kontakt-types-grid{
    grid-template-columns:1fr;
  }
  .kontakt-form-grid{
    grid-template-columns:1fr;
  }
}


.regulamin-main{display:flex;flex-direction:column;gap:var(--space-6);} 

.regulamin-hero{display:flex;justify-content:center;text-align:center;}
.regulamin-hero__inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);} 
.regulamin-hero__lead{max-width:60ch;margin-inline:auto;text-align:left;color:var(--color-text-secondary);} 
.regulamin-hero__meta{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:60ch;margin-inline:auto;text-align:left;border-top:1px solid var(--color-border-default);padding-top:var(--space-2);} 

.regulamin-section{display:flex;justify-content:center;} 
.regulamin-col{max-width:760px;width:100%;display:flex;flex-direction:column;gap:var(--space-3);} 
.regulamin-col--narrow{max-width:720px;} 

.regulamin-definitions{margin-top:var(--space-4);} 
.regulamin-definitions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);} 
.regulamin-def{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);} 

.regulamin-block{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-default);} 
.regulamin-block ul{padding-left:1.2em;} 
.regulamin-block li{margin-bottom:var(--space-1);} 

.regulamin-accent{background:linear-gradient(180deg,rgba(90,124,255,0.05),transparent);} 
.regulamin-warning{border-left:2px solid var(--color-accent-primary);padding-left:var(--space-3);color:var(--color-text-secondary);} 

.regulamin-closing{display:flex;justify-content:center;text-align:center;} 
.regulamin-closing__inner{max-width:680px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);} 

@media (max-width:900px){
.regulamin-definitions__grid{grid-template-columns:1fr;}
}

@media (max-width:600px){
.regulamin-hero__lead,.regulamin-hero__meta{text-align:left;}
}


.recenzje-page{display:block}

.recenzje-hero{position:relative;min-height:80vh;display:flex;align-items:flex-end}
.recenzje-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.recenzje-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,20,0.9),rgba(12,15,20,0.2))}
.recenzje-hero-content{position:relative;max-width:480px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.recenzje-hero-content h1{font-size:var(--text-display)}
.recenzje-hero-lead{font-size:var(--text-md)}

.recenzje-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.recenzja-card{min-width:0}

.filters-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}
.filter{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}
.filter.active{background:var(--color-accent-primary);color:var(--color-text-contrast)}

.recenzje-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.feature-card{display:flex;gap:var(--space-3);align-items:flex-start}
.feature-card img{width:50%;border-radius:var(--radius-md)}
.feature-card div{flex:1;min-width:0}

.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.platform{padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}

.recenzje-longform{max-width:700px;margin-inline:auto}

.recenzje-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.quotes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center;max-width:900px;margin-inline:auto}

.recenzje-cta{position:relative;text-align:center}
.cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6)}

@media(max-width:1024px){
.recenzje-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.recenzje-feature{grid-template-columns:1fr}
}

@media(max-width:768px){
.recenzje-grid{grid-template-columns:1fr}
.recenzje-method{grid-template-columns:1fr}
.quotes-grid{grid-template-columns:1fr}
.recenzje-hero{min-height:auto;flex-direction:column}
.recenzje-hero-content{max-width:100%}
}


.sprzet-page{display:block}

.sprzet-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.sprzet-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sprzet-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0C0F14 30%,transparent 70%);z-index:1}
.sprzet-hero-inner{position:relative;z-index:2}
.sprzet-hero-text{max-width:520px}

.sprzet-feature-card{position:relative;display:block;border-radius:var(--radius-md);overflow:hidden}
.sprzet-feature-card img{width:100%;height:auto}
.sprzet-feature-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(transparent,rgba(12,15,20,0.9))}

.sprzet-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.sprzet-category-card{padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-align:center;min-width:0}

.sprzet-tests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-3)}
.sprzet-article-card{min-width:0}

.sprzet-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.sprzet-trend{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.sprzet-trend-text{max-width:520px}

.sprzet-guide{text-align:center}
.sprzet-guide-text{max-width:600px;margin-inline:auto}

.sprzet-archive-list{display:flex;flex-direction:column;gap:var(--space-3)}

.sprzet-cta-inner{flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.sprzet-categories{grid-template-columns:1fr}
.sprzet-tests-grid{grid-template-columns:1fr}
.sprzet-ranking{grid-template-columns:1fr}
.sprzet-trend{grid-template-columns:1fr}
.sprzet-hero-text{max-width:100%}
}


.home-main{display:block}

.home-hero{position:relative;min-height:80vh}
.home-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-hero-overlay{position:relative;display:grid;grid-template-columns:70% 30%;gap:var(--space-4);padding:var(--space-6)}
.home-hero-text{max-width:600px;align-self:end}
.home-hero-cards{display:flex;flex-direction:column;gap:var(--space-3);align-self:end}

.home-categories .home-cat-list{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}
.home-cat-list a{padding:8px 16px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}
.home-cat-list a:hover{border-color:var(--color-accent-primary)}

.home-news-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4)}
.home-news-list{display:flex;flex-direction:column;gap:var(--space-3)}

.home-reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.home-review-side{display:flex;flex-direction:column;gap:var(--space-3)}

.home-esport-wrap {display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}
.home-esport-list{display:flex;flex-direction:column;gap:var(--space-2)}

.home-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.home-hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.home-hardware-list{display:flex;flex-direction:column;gap:var(--space-3)}

.home-opinion-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.home-opinion-list{display:flex;flex-direction:column;gap:var(--space-2)}

.home-interview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.home-interview-text{max-width:500px}
.home-interview-image{min-height:240px}

.home-newsletter-card{max-width:500px;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.home-newsletter-form{display:flex;gap:var(--space-2)}

@media(max-width:900px){
.home-hero-overlay{grid-template-columns:1fr}
.home-news-grid,.home-reviews-grid,.home-hardware-grid,.home-interview-grid{grid-template-columns:1fr}
.home-release-grid{grid-template-columns:1fr}
.home-newsletter-form{flex-direction:column}
}


.esport-page{display:flex;flex-direction:column;gap:var(--space-6)}

.esport-hero{position:relative;min-height:70vh;display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,20,0.9),rgba(12,15,20,0.2))}
.hero-content{position:relative;max-width:600px;margin:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.hero-lead{max-width:60ch}
.hero-meta{max-width:60ch;color:var(--color-text-secondary)}

.tournament-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.tournament-card{min-width:0}

.analysis-block{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.team-card{display:flex;gap:var(--space-3);align-items:flex-start}
.team-card img{width:40%;border-radius:var(--radius-md)}

.player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.player-card{padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-align:center}

.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.timeline-item{padding:var(--space-3);border-left:2px solid var(--color-accent-primary)}

.feature-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.feature-text{max-width:66ch}
.feature-image img{border-radius:var(--radius-md)}

.center-block{text-align:center}
.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}

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

@media(max-width:900px){
.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-grid{grid-template-columns:1fr}
.timeline{grid-template-columns:1fr}
}

@media(max-width:600px){
.tournament-grid{grid-template-columns:1fr}
.team-grid{grid-template-columns:1fr}
}


.premiery-hero{position:relative;height:70vh;min-height:480px;display:flex;align-items:flex-end}
.premiery-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.premiery-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,20,0.9),rgba(12,15,20,0.2))}
.premiery-hero-content{position:relative;display:flex;gap:32px;padding:var(--space-6);width:100%;max-width:1200px;margin:auto}
.premiery-hero-text{max-width:520px}
.premiery-hero-feature{max-width:420px}

.premiery-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.premiery-card{min-width:0}

@media(max-width:1100px){.premiery-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.premiery-cards-grid{grid-template-columns:1fr}}

.premiery-timeline{position:relative;padding-left:32px}
.premiery-timeline::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--color-border-default)}
.premiery-timeline-item{margin-bottom:24px}
.premiery-timeline-item .date{color:var(--color-text-accent);display:block;margin-bottom:8px}

.premiery-feature-block{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.premiery-feature-text{max-width:600px}
@media(max-width:900px){.premiery-feature-block{grid-template-columns:1fr}}

.premiery-filter-controls{display:flex;flex-wrap:wrap;gap:12px}
.filter{padding:8px 14px;border:1px solid var(--color-border-default);border-radius:20px}
.filter.active{background:var(--color-accent-primary);color:var(--color-text-contrast)}

.premiery-indie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:800px){.premiery-indie-grid{grid-template-columns:1fr}}

.premiery-platforms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.platform-col{min-width:0}
@media(max-width:1000px){.premiery-platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.premiery-trend-inner{max-width:700px;margin-inline:auto;text-align:center}

.premiery-cta{display:flex;justify-content:center}
.premiery-cta-box{max-width:600px;text-align:center;padding:32px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(135deg,#181D26,#252D39)}


.thankyou{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:60vh;
}

.thankyou__card{
  width:100%;
  max-width:720px;
  margin-inline:auto;
  text-align:center;
}

.thankyou__content{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.thankyou__lead{
  color:var(--color-accent-success);
  font-size:var(--text-md);
}

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

.thankyou__button-secondary{
  background:transparent;
  color:var(--color-text-accent);
  border:1px solid var(--color-border-default);
}

.thankyou__button-secondary:hover{
  border-color:var(--color-accent-secondary);
  color:var(--color-accent-secondary);
  box-shadow:var(--shadow-accent);
}

@media (max-width:768px){
  .thankyou{
    min-height:50vh;
  }
}