:root{
  --color-bg-primary: linear-gradient(135deg,#030712 0%,#0B1528 60%,#111C44 100%);
  --color-bg-glass: rgba(17,28,68,0.75);
  --color-surface-elevated: rgba(3,7,18,0.92);
  --color-border-glow: #818CF8;
  --color-accent: #818CF8;
  --color-text-primary: #F3F4F6;
  --color-text-secondary: rgba(243,244,246,0.72);
  --color-cta-bg: linear-gradient(90deg,#818CF8 0%,#5B6EE1 100%);
  --color-cta-text: #030712;
  --color-particle: rgba(129,140,248,0.25);

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

  --fs-xxl: 3.2rem;
  --fs-xl: 2.4rem;
  --fs-lg: 1.8rem;
  --fs-md: 1.4rem;
  --fs-sm: 1.1rem;
  --fs-xs: 0.95rem;

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

  --radius: 1rem;

  --container-max: 1200px;
  --container-pad: 1.5rem;

  --shadow-glow: 0 0 8px rgba(129,140,248,0.8);
  --shadow-inner: inset 0 2px 12px rgba(3,7,18,0.53);
}

@media (max-width: 900px){
  :root{
    --container-pad: 1rem;
    --fs-xxl: 2.6rem;
    --fs-xl: 2rem;
    --fs-lg: 1.5rem;
    --fs-md: 1.2rem;
    --fs-sm: 1rem;
    --fs-xs: 0.9rem;
  }
}

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

html,body{
  height:100%;
}

body{
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  line-height:1.65;
  color:var(--color-text-primary);
  background:var(--color-bg-primary);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

img,video{
  max-width:100%;
  display:block;
}

img{
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
}

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

button{
  cursor:pointer;
}

ul,ol{
  list-style:none;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  font-weight:700;
  letter-spacing:-0.02em;
  line-height:1.2;
  margin-bottom:var(--space-3);
}

h1{font-size:var(--fs-xxl);}
h2{font-size:var(--fs-xl);}
h3{font-size:var(--fs-lg);}
h4{font-size:var(--fs-md);}
h5{font-size:var(--fs-sm);}
h6{font-size:var(--fs-xs);}

p{
  margin-bottom:var(--space-3);
  color:var(--color-text-secondary);
}

ul,ol{
  margin-bottom:var(--space-3);
}

li + li{
  margin-top:var(--space-2);
}

blockquote{
  margin-bottom:var(--space-4);
  padding-left:var(--space-3);
  border-left:2px solid var(--color-border-glow);
  color:var(--color-text-secondary);
}

section{
  margin-bottom:var(--space-6);
}

:where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):last-child{
  margin-bottom:0;
}

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

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

.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));
}

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

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

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

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

.stack > * + *{
  margin-top:var(--space-3);
}

.card{
  background:var(--color-bg-glass);
  backdrop-filter:blur(14px);
  border-radius:var(--radius);
  border:1.5px solid var(--color-border-glow);
  box-shadow:var(--shadow-inner);
  padding:var(--space-4);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover{
  transform:scale(1.03);
  box-shadow:var(--shadow-glow);
}

.surface{
  background:var(--color-surface-elevated);
  border-radius:var(--radius);
  padding:var(--space-4);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  padding:0.6em 1.2em;
  border-radius:999px;
  font-weight:600;
  background:var(--color-cta-bg);
  color:var(--color-cta-text);
  border:1.5px solid var(--color-border-glow);
  box-shadow:var(--shadow-glow);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover{
  transform:scale(1.03);
}

.btn:active{
  transform:scale(0.98);
}

.btn:focus-visible{
  outline:2px solid var(--color-border-glow);
  outline-offset:2px;
  box-shadow:0 0 12px var(--color-border-glow);
}

.input,
textarea{
  width:100%;
  padding:0.6em 0.8em;
  border-radius:var(--radius);
  background:var(--color-bg-glass);
  border:1.5px solid transparent;
  color:var(--color-text-primary);
}

.input:focus,
textarea:focus{
  border-color:var(--color-border-glow);
  box-shadow:0 0 8px var(--color-border-glow);
}

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

.aspect-4-3{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:var(--radius);
}

.aspect-16-9 img,
.aspect-4-3 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

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

.hidden{
  display:none;
}


.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--color-bg-glass);
  backdrop-filter:blur(14px);
  border-bottom:1.5px solid var(--color-border-glow);
}
.header-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  height:72px;
}
.brand{
  display:flex;
  align-items:center;
  gap:0.6rem;
  justify-self:center;
}
.brand-logo{
  height:44px;
  width:auto;
}
.brand-text{
  font-family:var(--font-heading);
  font-size:1.2rem;
}
.nav-left,.nav-right{
  display:flex;
  gap:1rem;
  align-items:center;
}
.nav-left{justify-content:flex-start;}
.nav-right{justify-content:flex-end;}
.nav-link{
  font-size:0.9rem;
  color:var(--color-text-secondary);
}
.nav-link:hover{
  color:var(--color-accent);
}
.nav-toggle{
  display:none;
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
}
.nav-toggle .bar{
  display:block;
  width:22px;
  height:2px;
  background:var(--color-text-primary);
  margin:4px 0;
}
.mobile-menu{
  position:fixed;
  inset:0;
  background:var(--color-bg-glass);
  backdrop-filter:blur(16px);
  padding:2rem 1rem;
  background-color: #0B1528;
}
.mobile-nav{
  display:flex;
  flex-direction:column;
  background-color: #0B1528;
  gap:1rem;
}
.mobile-nav a{
  font-size:1.2rem;
}
@media(max-width:900px){
  .nav-left,.nav-right{display:none;}
  .nav-toggle{display:flex;flex-direction: column; gap: 1px; z-index: 1000;}
  .header-inner{grid-template-columns:auto 1fr auto;}
  .brand{justify-self:start;}
  .brand-logo{height:34px;}
}


.site-footer{
  background:var(--color-bg-glass);
  backdrop-filter:blur(14px);
  border-top:1.5px solid var(--color-border-glow);
  margin-top:var(--space-6);
}
.footer-inner{
  display:grid;
  gap:var(--space-4);
  padding-block:var(--space-5);
}
.footer-nav{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem 1.5rem;
}
.footer-nav a{
  color:var(--color-text-secondary);
  font-size:0.9rem;
}
.footer-nav a:hover{
  color:var(--color-accent);
}
.footer-contact p,
.footer-brand p{
  font-size:0.9rem;
}
.footer-copy{
  text-align:center;
  margin-top:var(--space-4);
}
.consent{
  position:fixed;
  bottom:1rem;
  left:50%;
  transform:translateX(-50%);
  z-index:1000;
  width:min(600px,90%);
  background:var(--color-surface-elevated);
  border:1.5px solid var(--color-border-glow);
  border-radius:var(--radius);
  box-shadow:var(--shadow-glow);
  padding:1rem;
}
.consent-inner{
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  text-align:center;
}
.consent-actions{
  display:flex;
  justify-content:center;
  gap:0.5rem;
}
.consent button:focus-visible{
  outline:2px solid var(--color-border-glow);
}
@media(max-width:600px){
  .footer-inner{gap:var(--space-3);} 
}


.pp-page section{display:block}

.pp-hero-inner{max-width:800px;margin-inline:auto;text-align:center}
.pp-hero-text{display:flex;flex-direction:column;gap:var(--space-3)}
.pp-meta{font-size:var(--fs-xs);color:var(--color-text-secondary)}

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

.pp-narrow{max-width:700px;margin-inline:auto}
.pp-medium{max-width:800px;margin-inline:auto}
.pp-end{max-width:700px;margin-inline:auto;text-align:center}

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

.pp-contact ul{padding-left:1rem}

@media (max-width:600px){
  .pp-hero-inner{padding-inline:0}
}


.contact-page section{position:relative;}

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

.contact-form-wrapper{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);}

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

.form-message{margin-top:var(--space-3);font-size:var(--fs-xs);}

.contact-cards{align-items:stretch;}
.contact-card{display:flex;flex-direction:column;gap:var(--space-3);}

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

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

.contact-footer-grid{align-items:center;}
.contact-footer-nav{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;}

@media (max-width:600px){
.contact-footer-grid{grid-template-columns:1fr;gap:var(--space-4);text-align:center;}
}


.cookie-page{}

.cookie-hero{
  display:flex;
  justify-content:center;
}

.cookie-hero-container{
  max-width:700px;
  margin-inline:auto;
  background:var(--color-bg-glass);
  backdrop-filter:blur(14px);
  border:1.5px solid var(--color-border-glow);
  border-radius:var(--radius);
  box-shadow:var(--shadow-inner);
  padding:var(--space-5);
  display:flex;
}

.cookie-hero-text{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:center;
}

.cookie-section{}

.cookie-text-block{
  max-width:800px;
}

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

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

.cookie-instruction-block{
  max-width:700px;
}

.cookie-contact{
  display:flex;
  gap:var(--space-4);
}

.cookie-contact-info{
  flex:0 0 70%;
  min-width:0;
}

.cookie-contact-email{
  flex:0 0 30%;
  min-width:0;
  background:var(--color-bg-glass);
  border-radius:var(--radius);
  padding:var(--space-4);
  border:1.5px solid var(--color-border-glow);
}

.cookie-contact-email a{
  color:var(--color-accent);
}

@media (max-width:900px){
  .cookie-cards-grid{
    grid-template-columns:1fr;
  }
  .cookie-contact{
    flex-direction:column;
  }
}


.contact-page section{position:relative}

.contact-hero{padding:var(--space-6) 0}
.contact-hero-inner{display:flex;justify-content:center}
.contact-hero-content{max-width:640px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.contact-methods .contact-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.contact-card{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-link{color:var(--color-accent);word-break:break-all}

.contact-form-section .form-container{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.form-grid .full-width{grid-column:1/-1}
.checkbox-row{font-size:var(--fs-xs)}
.form-feedback{margin-top:var(--space-2)}

.contact-topics .topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.topic-block{display:flex;flex-direction:column;gap:var(--space-3)}

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

.contact-cta .cta-container{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.contact-methods .contact-cards-grid{grid-template-columns:1fr}
.contact-topics .topics-grid{grid-template-columns:1fr}
.form-grid{grid-template-columns:1fr}
}


.poradniki-page .hero{position:relative;overflow:hidden;padding:var(--space-6) 0;text-align:center}
.hero-inner{display:flex;justify-content:center}
.hero-text{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.hero-bg{position:absolute;inset:0;z-index:-1;opacity:.4}
.hero-bg img{width:100%;height:100%;object-fit:cover}

.categories h2,.featured h2,.latest h2,.filters h2,.popular h2,.levels h2{text-transform:uppercase}
.category-grid .category-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

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

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

.filter-panel{background:var(--color-bg-glass);padding:var(--space-4);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3)}
.filter-controls{display:flex;gap:var(--space-3)}

.popular-grid .card{min-width:0}

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

.newsletter{padding:var(--space-6) 0;text-align:center}
.newsletter-inner{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.newsletter-form{display:flex;gap:var(--space-3)}

.footer-nav{padding-bottom:var(--space-6)}

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


.recenzje-page{}
.recenzje-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}
.recenzje-hero-text{max-width:520px}
.recenzje-score{margin-bottom:var(--space-3);color:var(--color-accent)}

.recenzje-list .recenzje-section-head{max-width:700px;margin-inline:auto;text-align:center}
.recenzje-card{display:flex;flex-direction:column;gap:var(--space-3)}

.recenzje-filters{text-align:center}
.recenzje-filter-bar{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}
.recenzje-filter-bar button{padding:0.5rem 1rem;border-radius:999px;border:1.5px solid var(--color-border-glow)}
.recenzje-filter-bar .active{box-shadow:var(--shadow-glow)}

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

.recenzje-genres .grid > *{min-width:0}

.recenzje-carousel{position:relative;max-width:600px;margin-inline:auto;text-align:center}
.recenzje-quote{display:none}
.recenzje-quote.active{display:block}

.recenzje-related .grid > *{min-width:0}

.recenzje-cta-box{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}
.recenzje-form{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}
.recenzje-form input{min-width:220px}

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


.terms-page{
  position:relative;
}

.terms-hero{
  padding:var(--space-6) 0;
  display:flex;
  justify-content:center;
}

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

.terms-hero h1{
  text-shadow:0 0 10px rgba(129,140,248,0.6);
}

.terms-section{
  display:flex;
  justify-content:center;
}

.terms-card{
  max-width:800px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.services-card{
  max-width:900px;
}

.owner-card{
  max-width:800px;
}

.copyright-card{
  max-width:750px;
}

.final-card{
  max-width:700px;
}

.terms-column{
  max-width:800px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.terms-column.wide{
  max-width:850px;
}

@media (max-width:900px){
  .terms-hero{
    padding:var(--space-5) 0;
  }

  .terms-card,
  .terms-column{
    padding-inline:var(--space-3);
  }
}


.artykuly-page .hero-grid{display:flex;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center; flex-wrap: wrap;}
.hero-copy{max-width:60ch;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-image img{object-position:center right}

.highlights-grid .highlight-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%}
.highlight-content{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

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

.category-tags{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}
.tag{padding:0.4em 1em;border-radius:999px;border:1.5px solid var(--color-border-glow)}
.tag.active{background:var(--color-accent);color:#000}

.trend-item{display:flex;flex-direction:column;gap:var(--space-2);max-width:60ch}

.insight-box{max-width:60ch;margin-inline:auto;text-align:center}

.cta-buttons{display:flex;gap:var(--space-3);justify-content:center}

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

.footer-info{font-size:var(--fs-xs)}

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


.newsletter-page section{position:relative}

.ns-hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center}
.ns-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.6}
.ns-hero-inner{position:relative;z-index:1;width:100%;max-width:700px;margin-inline:auto;padding:var(--space-6) var(--container-pad)}
.ns-hero-text{display:flex;flex-direction:column;gap:var(--space-4)}

.ns-benefits .ns-card{height:100%;display:flex;flex-direction:column;gap:var(--space-3)}

.ns-content-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:900px}
@media(max-width:900px){.ns-content-columns{grid-template-columns:1fr}}

.ns-trust{display:flex;justify-content:center;padding:var(--space-6) var(--container-pad)}
.ns-trust-inner{max-width:600px;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

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

.ns-form{display:flex;justify-content:center;padding:var(--space-6) var(--container-pad)}
.ns-form-card{max-width:500px;width:100%;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}
.ns-form-fields{display:flex;flex-direction:column;gap:var(--space-3)}
.ns-consent{font-size:var(--fs-xs);color:var(--color-text-secondary)}

.ns-community{min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center}
.ns-community-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.4}
.ns-community-inner{position:relative;max-width:700px;margin-inline:auto;padding:var(--space-5)}

.ns-final{display:flex;justify-content:center;padding:var(--space-6)}
.ns-final-inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}


.premiery-page .hero-container{display:flex;justify-content:center}
.premiery-page .hero-box{max-width:800px;width:100%}
.premiery-page .hero-text{text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

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

.timeline{overflow-x:auto;padding-bottom:var(--space-3)}
.timeline-track{display:flex;gap:var(--space-4);min-width:600px}
.timeline-item{background:var(--color-bg-glass);padding:var(--space-3);border-radius:var(--radius);border:1.5px solid var(--color-border-glow);min-width:140px}
.timeline-item span{display:block;font-weight:600;margin-bottom:var(--space-2)}

.months-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.month-block{display:flex;flex-direction:column;gap:var(--space-3)}

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

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

.newsletter-section{display:flex;justify-content:center}
.newsletter-box{max-width:500px;width:100%;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.newsletter-form{display:flex;gap:var(--space-2)}
.newsletter-form .input{flex:1}

.footer-lite{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-4)}

@media(max-width:900px){
.months-grid{grid-template-columns:1fr}
.timeline-track{min-width:100%}
.newsletter-form{flex-direction:column}
}


.aktualnosci-page .hero-grid{display:flex;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center; flex-wrap:wrap}
.hero-content{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch}
.hero-meta{font-size:var(--fs-xs);color:var(--color-text-secondary)}

.categories-wrap{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}
.cat{padding:0.5rem 1rem;border-radius:999px;border:1.5px solid var(--color-border-glow);background:var(--color-bg-glass);transition:0.2s}
.cat.active,.cat:hover{box-shadow:var(--shadow-glow)}

.main-grid{display:grid;grid-template-columns:70% 30%;gap:var(--space-5)}
.news-card{display:flex;flex-direction:column;gap:var(--space-3)}
.news-card .meta{font-size:var(--fs-xs);color:var(--color-text-secondary)}

.trends{display:flex;flex-direction:column;gap:var(--space-3);max-width:40ch}
.trend-list li{padding:0.3rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}

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

.editorial-card{display:grid;grid-template-columns:50% 50%;gap:var(--space-4);align-items:center}
.editorial-content{display:flex;flex-direction:column;gap:var(--space-3);max-width:70ch}

.newsletter-card{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;max-width:500px;margin-inline:auto}
.newsletter-form{display:flex;gap:var(--space-3);width:100%}
.newsletter-form input{flex:1}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.main-grid{grid-template-columns:1fr}
.editorial-card{grid-template-columns:1fr}
.newsletter-form{flex-direction:column}
}


.o-nas section{position:relative}

.o-hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.o-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.o-hero-inner{position:relative;display:flex;justify-content:center}
.o-hero-text{max-width:680px;display:flex;flex-direction:column;gap:var(--space-4);margin-inline:auto}

.o-mission-grid > *{min-width:0}

.o-content-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.o-content-cols > div{max-width:75ch}

.o-style-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.o-style-text{max-width:60ch}
.o-style-img{min-width:0}

.o-owner-inner{max-width:600px}

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

.o-cta{padding:var(--space-6) 0;text-align:center}
.o-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.o-cta-inner{position:relative;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:900px){
.o-content-cols{grid-template-columns:1fr}
.o-style-grid{grid-template-columns:1fr}
}


.home .hero-inner{position:relative;display:grid;gap:var(--space-5);} 
.hero-label{position:absolute;top:0;left:0;font-size:6rem;opacity:0.05;pointer-events:none;}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3);} 
.hero-cta{display:flex;flex-direction:column;gap:var(--space-2);} 
.hero-top-card{max-width:280px;} 
.hero-image{width:100%;}

.featured-card{display:grid;gap:var(--space-4);} 
.featured-content{max-width:650px;margin-inline:auto;text-align:center;}

.review{position:relative;} 
.score{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-accent);color:#000;padding:0.3rem 0.6rem;border-radius:var(--radius);} 

.timeline{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);} 
.timeline-item{min-width:220px;background:var(--color-bg-glass);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border-glow);} 

.tags{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;} 
.tag{padding:0.4rem 0.8rem;border-radius:999px;border:1px solid var(--color-border-glow);} 

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

@media(max-width:900px){
.hero-label{font-size:4rem;}
}


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

.thankyou-card{
  max-width:640px;
  margin-inline:auto;
  text-align:center;
}

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

.thankyou-lead{
  font-size:var(--fs-md);
  color:var(--color-text-primary);
}

.thankyou-text{
  max-width:52ch;
  margin-inline:auto;
}

.thankyou-actions{
  display:flex;
  gap:var(--space-3);
  justify-content:center;
  flex-wrap:wrap;
  margin-top:var(--space-3);
}

.thankyou-secondary{
  background:transparent;
  color:var(--color-text-primary);
}

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

.btn,
.btn-outline {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-align: center;
  line-height: 1.35;
}

p,
a,
li,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  overflow-wrap: anywhere;
  word-break: normal;
}