/* ============================================================
   PINKO-CASINO-TR.COM — style.css
   PREFIX: p7k | THEME: dark | LAYOUT: A (Split Grid)
   ============================================================ */

/* 1. GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Inter:wght@400;500&display=swap');

/* 2. RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
img,video{max-width:100%;display:block}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit}
a{text-decoration:none;color:inherit}

/* 3. :ROOT TOKENS */
:root{
  /* Colour tokens */
  --bg-base:#0f0f1a;
  --bg-card:#1a1a2e;
  --accent:#e63946;
  --highlight:#ffd166;
  --text:#f0f0f0;
  --muted:#8a8a9a;
  --border:#2a2a3e;
  /* Typography */
  --font-head:'Montserrat',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-md:1.125rem;
  --fs-lg:1.375rem;
  --fs-xl:1.75rem;
  --fs-2xl:2.25rem;
  --fs-3xl:clamp(2rem,5vw,3rem);
  /* Spacing */
  --space-xs:.25rem;
  --space-sm:.5rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --space-2xl:3rem;
  --space-3xl:4.5rem;
  /* UI */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-full:999px;
  --shadow-card:0 4px 24px rgba(0,0,0,.35);
  --transition:all .22s ease;
  --nav-h:64px;
}

/* 4. HTML / BODY + SCROLLBAR */
html{scroll-behavior:smooth;font-size:16px}
body{
  background-color:var(--bg-base);
  color:var(--text);
  font-family:var(--font-body);
  font-size:var(--fs-base);
  line-height:1.7;
  padding-bottom:70px; /* sticky CTA bar offset */
  -webkit-font-smoothing:antialiased;
}
@media(min-width:768px){body{padding-bottom:0}}
/* Custom scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg-base)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* 5. TYPOGRAPHY SCALE */
h1,h2,h3,h4{
  font-family:var(--font-head);
  line-height:1.2;
  color:var(--text);
  font-weight:700;
}
h1{font-size:var(--fs-3xl)}
h2{font-size:var(--fs-2xl)}
h3{font-size:var(--fs-xl)}
h4{font-size:var(--fs-lg)}
p{margin-bottom:var(--space-md);color:var(--text)}
p:last-child{margin-bottom:0}
strong{color:var(--highlight);font-weight:700}
a{color:var(--accent);transition:var(--transition)}
a:hover,a:focus{color:var(--highlight);outline:none}
ul.p7k_list{list-style:none;padding:0}
ul.p7k_list li{
  padding:var(--space-sm) 0;
  padding-left:1.4rem;
  position:relative;
  border-bottom:1px solid var(--border);
  color:var(--text);
}
ul.p7k_list li:last-child{border-bottom:none}
ul.p7k_list li::before{
  content:'▸';
  position:absolute;
  left:0;
  color:var(--accent);
  font-size:.8em;
  top:.6rem;
}

/* 6. CONTAINER */
.container{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  padding-inline:var(--space-md);
}
@media(min-width:480px){.container{padding-inline:var(--space-lg)}}
@media(min-width:1024px){.container{padding-inline:var(--space-xl)}}

/* 7. BUTTONS */
.p7k_btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-sm);
  font-family:var(--font-head);
  font-weight:700;
  border-radius:var(--radius-full);
  transition:var(--transition);
  text-decoration:none;
  white-space:nowrap;
  min-height:44px;
  padding:0 var(--space-lg);
}
/* Sizes */
.p7k_btn--sm{font-size:var(--fs-sm);min-height:36px;padding:0 var(--space-md)}
.p7k_btn--md{font-size:var(--fs-base);min-height:44px;padding:0 1.5rem}
.p7k_btn--lg{font-size:var(--fs-md);min-height:52px;padding:0 2rem}
.p7k_btn--full{width:100%;font-size:var(--fs-md)}
/* Variants */
.p7k_btn--primary{
  background:var(--accent);
  color:#fff;
  box-shadow:0 4px 20px rgba(230,57,70,.4);
}
.p7k_btn--primary:hover{
  background:#c62333;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 6px 28px rgba(230,57,70,.55);
}
.p7k_btn--highlight{
  background:var(--highlight);
  color:#0f0f1a;
  box-shadow:0 4px 20px rgba(255,209,102,.35);
}
.p7k_btn--highlight:hover{
  background:#f0c040;
  color:#0f0f1a;
  transform:translateY(-2px);
}
.p7k_btn--outline{
  border:2px solid var(--accent);
  color:var(--accent);
  background:transparent;
}
.p7k_btn--outline:hover{background:var(--accent);color:#fff}
.p7k_btn--ghost{
  border:1px solid var(--border);
  color:var(--text);
  background:transparent;
}
.p7k_btn--ghost:hover{border-color:var(--accent);color:var(--accent)}

/* 8. NAVIGATION */
.p7k_nav{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(15,15,26,.95);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  height:var(--nav-h);
}
.p7k_nav__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
  gap:var(--space-md);
}
.p7k_nav__logo{
  display:flex;
  align-items:center;
  flex-shrink:0;
}
.p7k_nav__logo img{
  height:36px;
  width:auto;
}
/* Desktop links — hidden by default (mobile-first) */
.p7k_nav__links{display:none}
.p7k_nav__cta{display:none}
/* Hamburger */
.p7k_nav-toggle{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:var(--space-sm);
  min-width:44px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  color:var(--text);
  background:var(--bg-card);
  border:1px solid var(--border);
}
.p7k_nav-toggle span{
  display:block;
  width:22px;
  height:2px;
  background:var(--text);
  border-radius:2px;
  transition:var(--transition);
}
/* Mobile nav overlay */
.p7k_mobile-nav{
  display:none;
  position:fixed;
  top:var(--nav-h);
  left:0;
  right:0;
  bottom:0;
  background:rgba(15,15,26,.98);
  z-index:99;
  flex-direction:column;
  padding:var(--space-xl);
  gap:var(--space-lg);
  overflow-y:auto;
}
.p7k_mobile-nav.open{display:flex}
.p7k_mobile-nav a{
  font-family:var(--font-head);
  font-size:var(--fs-lg);
  color:var(--text);
  padding:var(--space-md) 0;
  border-bottom:1px solid var(--border);
  transition:var(--transition);
}
.p7k_mobile-nav a:hover{color:var(--accent)}

@media(min-width:768px){
  .p7k_nav-toggle{display:none}
  .p7k_nav__links{
    display:flex;
    align-items:center;
    gap:var(--space-xl);
  }
  .p7k_nav__links a{
    font-family:var(--font-head);
    font-size:var(--fs-sm);
    font-weight:600;
    color:var(--muted);
    transition:var(--transition);
    letter-spacing:.02em;
  }
  .p7k_nav__links a:hover{color:var(--text)}
  .p7k_nav__cta{display:flex}
  .p7k_mobile-nav{display:none!important}
}

/* 9. TICKER */
.p7k_ticker{
  background:var(--accent);
  color:#fff;
  font-family:var(--font-head);
  font-size:var(--fs-sm);
  font-weight:700;
  padding:var(--space-xs) 0;
  overflow:hidden;
  white-space:nowrap;
}
.p7k_ticker__track{
  display:inline-block;
  animation:p7k-ticker 28s linear infinite;
}
.p7k_ticker__track span{margin-right:4rem}
@keyframes p7k-ticker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* 10. HERO — LAYOUT A (split grid, mobile-first = single column) */
.p7k_hero{
  padding:var(--space-2xl) 0;
  position:relative;
  overflow:hidden;
}
.p7k_hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 30% 0%,rgba(230,57,70,.18) 0%,transparent 60%),
    radial-gradient(ellipse at 80% 80%,rgba(255,209,102,.08) 0%,transparent 50%);
  pointer-events:none;
}
.p7k_hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-2xl);
  position:relative;
}
.p7k_hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:var(--space-sm);
  background:rgba(230,57,70,.15);
  border:1px solid rgba(230,57,70,.3);
  border-radius:var(--radius-full);
  padding:var(--space-xs) var(--space-md);
  font-size:var(--fs-xs);
  font-family:var(--font-head);
  font-weight:700;
  color:var(--accent);
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:var(--space-md);
}
.p7k_hero__title{margin-bottom:var(--space-md)}
.p7k_hero__lead{
  font-size:var(--fs-md);
  color:var(--muted);
  margin-bottom:var(--space-xl);
  line-height:1.65;
}
.p7k_hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-md);
  margin-bottom:var(--space-xl);
}
.p7k_hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-sm);
}
.p7k_badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-full);
  padding:4px 12px;
  font-size:var(--fs-xs);
  color:var(--muted);
  font-family:var(--font-head);
  font-weight:600;
}
.p7k_badge svg{width:14px;height:14px;flex-shrink:0}
/* Bonus Widget */
.p7k_widget{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-xl);
  box-shadow:var(--shadow-card);
  position:relative;
  overflow:hidden;
}
.p7k_widget::before{
  content:'';
  position:absolute;
  top:-40px;right:-40px;
  width:140px;height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,209,102,.12),transparent 70%);
  pointer-events:none;
}
.p7k_widget__tag{
  background:var(--accent);
  color:#fff;
  font-family:var(--font-head);
  font-size:var(--fs-xs);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:4px 12px;
  border-radius:var(--radius-full);
  display:inline-block;
  margin-bottom:var(--space-md);
}
.p7k_widget__title{
  font-family:var(--font-head);
  font-size:var(--fs-lg);
  font-weight:700;
  color:var(--text);
  margin-bottom:var(--space-sm);
}
.p7k_widget__bonus{
  font-family:var(--font-head);
  font-size:clamp(2rem,6vw,2.75rem);
  font-weight:700;
  color:var(--highlight);
  line-height:1;
  margin-bottom:var(--space-xs);
}
.p7k_widget__sub{
  font-size:var(--fs-sm);
  color:var(--muted);
  margin-bottom:var(--space-lg);
}
/* Promo code box */
.p7k_code-box{
  background:rgba(255,209,102,.08);
  border:1.5px dashed var(--highlight);
  border-radius:var(--radius-md);
  padding:var(--space-md);
  margin-bottom:var(--space-lg);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-sm);
}
.p7k_code-box__label{
  font-size:var(--fs-xs);
  color:var(--muted);
  font-family:var(--font-head);
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.p7k_code-box__code{
  font-family:var(--font-head);
  font-size:var(--fs-lg);
  font-weight:700;
  color:var(--highlight);
  letter-spacing:.08em;
}
.p7k_code-copy{
  background:var(--highlight);
  color:#0f0f1a;
  border-radius:var(--radius-sm);
  padding:6px 12px;
  font-family:var(--font-head);
  font-size:var(--fs-xs);
  font-weight:700;
  cursor:pointer;
  transition:var(--transition);
  min-height:36px;
  white-space:nowrap;
}
.p7k_code-copy:hover{background:#f0c040;transform:scale(1.04)}
.p7k_widget__list{
  list-style:none;
  margin-bottom:var(--space-lg);
  display:flex;
  flex-direction:column;
  gap:var(--space-sm);
}
.p7k_widget__list li{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
  font-size:var(--fs-sm);
  color:var(--text);
}
.p7k_widget__list li::before{
  content:'✓';
  color:var(--accent);
  font-weight:700;
  flex-shrink:0;
}
.p7k_widget__disclaimer{
  font-size:var(--fs-xs);
  color:var(--muted);
  line-height:1.5;
  margin-top:var(--space-md);
}

@media(min-width:1024px){
  .p7k_hero__grid{
    grid-template-columns:1fr 400px;
    align-items:start;
  }
  .p7k_hero{padding:var(--space-3xl) 0}
}

/* 11. TRUST BAR */
.p7k_trust{
  background:var(--bg-card);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:var(--space-lg) 0;
  content-visibility:auto;
  contain-intrinsic-size:0 80px;
}
.p7k_trust__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-md);
}
.p7k_trust__item{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
}
.p7k_trust__icon{
  width:40px;height:40px;
  border-radius:var(--radius-md);
  background:rgba(230,57,70,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:1.2rem;
}
.p7k_trust__label{
  font-family:var(--font-head);
  font-size:var(--fs-xs);
  font-weight:700;
  color:var(--text);
  line-height:1.3;
}
.p7k_trust__sub{
  font-size:var(--fs-xs);
  color:var(--muted);
}
@media(min-width:480px){
  .p7k_trust__grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){
  .p7k_trust__grid{grid-template-columns:repeat(4,1fr)}
}

/* 12. CONTENT SECTIONS */
.p7k_section{
  padding:var(--space-2xl) 0;
  content-visibility:auto;
  contain-intrinsic-size:0 500px;
}
.p7k_section--alt{background:var(--bg-card)}
.p7k_section__head{
  margin-bottom:var(--space-xl);
}
.p7k_section__head h2{margin-bottom:var(--space-sm)}
.p7k_section__head p{color:var(--muted)}
/* Cards grid */
.p7k_cards{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-lg);
}
@media(min-width:480px){
  .p7k_cards--2{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){
  .p7k_cards--3{grid-template-columns:repeat(3,1fr)}
  .p7k_cards--4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .p7k_cards--4{grid-template-columns:repeat(4,1fr)}
}
.p7k_card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-lg);
  transition:var(--transition);
}
.p7k_card:hover{border-color:var(--accent);transform:translateY(-4px)}
.p7k_card__icon{
  font-size:2rem;
  margin-bottom:var(--space-md);
}
.p7k_card__title{
  font-family:var(--font-head);
  font-size:var(--fs-md);
  font-weight:700;
  margin-bottom:var(--space-sm);
  color:var(--text);
}
.p7k_card__text{
  font-size:var(--fs-sm);
  color:var(--muted);
  line-height:1.6;
}
/* Steps */
.p7k_steps{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-md);
  counter-reset:step;
}
@media(min-width:768px){
  .p7k_steps--4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .p7k_steps--4{grid-template-columns:repeat(4,1fr)}
}
.p7k_step{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-lg);
  position:relative;
  counter-increment:step;
}
.p7k_step::before{
  content:counter(step);
  position:absolute;
  top:var(--space-lg);
  right:var(--space-lg);
  font-family:var(--font-head);
  font-size:3rem;
  font-weight:700;
  color:rgba(230,57,70,.12);
  line-height:1;
}
.p7k_step__num{
  width:36px;height:36px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-family:var(--font-head);
  font-weight:700;
  font-size:var(--fs-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--space-md);
  flex-shrink:0;
}
.p7k_step__title{
  font-family:var(--font-head);
  font-weight:700;
  font-size:var(--fs-base);
  margin-bottom:var(--space-sm);
  color:var(--text);
}
.p7k_step__text{
  font-size:var(--fs-sm);
  color:var(--muted);
  line-height:1.6;
}
/* Table */
.p7k_table-wrap{
  overflow-x:auto;
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  margin:var(--space-lg) 0;
}
.p7k_table{
  width:100%;
  border-collapse:collapse;
  font-size:var(--fs-sm);
  min-width:480px;
}
.p7k_table thead{background:rgba(230,57,70,.1)}
.p7k_table th{
  font-family:var(--font-head);
  font-weight:700;
  color:var(--text);
  padding:var(--space-md);
  text-align:left;
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.p7k_table td{
  padding:var(--space-md);
  color:var(--text);
  border-bottom:1px solid var(--border);
  vertical-align:top;
}
.p7k_table tr:last-child td{border-bottom:none}
.p7k_table tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.p7k_table .highlight{color:var(--highlight);font-weight:700}
.p7k_table .accent{color:var(--accent);font-weight:700}
/* Highlight box */
.p7k_highlight-box{
  background:rgba(255,209,102,.07);
  border-left:4px solid var(--highlight);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  padding:var(--space-lg);
  margin:var(--space-lg) 0;
}
.p7k_highlight-box p{color:var(--text)}
.p7k_info-box{
  background:rgba(230,57,70,.07);
  border-left:4px solid var(--accent);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  padding:var(--space-lg);
  margin:var(--space-lg) 0;
}
/* Author bio */
.p7k_author-box{
  display:flex;
  gap:var(--space-lg);
  align-items:flex-start;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-lg);
  margin-top:var(--space-xl);
}
.p7k_author-avatar{
  width:64px;height:64px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--highlight));
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-weight:700;
  font-size:var(--fs-lg);
  color:#fff;
  flex-shrink:0;
}
.p7k_author-info h4{
  font-size:var(--fs-base);
  font-family:var(--font-head);
  color:var(--text);
  margin-bottom:2px;
}
.p7k_author-info p{
  font-size:var(--fs-sm);
  color:var(--muted);
  margin-bottom:0;
}
/* Author page specific */
.p7k_author-header{
  display:flex;
  gap:var(--space-xl);
  align-items:flex-start;
  flex-wrap:wrap;
}
.p7k_author-avatar--lg{
  width:100px;height:100px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--highlight));
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-weight:700;
  font-size:var(--fs-2xl);
  color:#fff;
  flex-shrink:0;
}
.p7k_expertise{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-sm);
  margin:var(--space-md) 0;
}
.p7k_expertise-tag{
  background:rgba(230,57,70,.1);
  border:1px solid rgba(230,57,70,.25);
  border-radius:var(--radius-full);
  padding:4px 14px;
  font-size:var(--fs-xs);
  font-family:var(--font-head);
  font-weight:700;
  color:var(--accent);
}
.p7k_article-list{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-md);
}
.p7k_article-item{
  display:flex;
  gap:var(--space-md);
  align-items:flex-start;
  padding:var(--space-md);
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  transition:var(--transition);
}
.p7k_article-item:hover{border-color:var(--accent)}
/* Checklist */
.p7k_checklist{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:var(--space-md);
}
.p7k_checklist li{
  display:flex;
  gap:var(--space-md);
  align-items:flex-start;
  padding:var(--space-md);
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
}
.p7k_checklist li .icon{
  font-size:1.4rem;
  flex-shrink:0;
  margin-top:2px;
}
/* Two-col text layout */
.p7k_two-col{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-xl);
}
@media(min-width:768px){
  .p7k_two-col{grid-template-columns:1fr 1fr}
}
/* Legal page */
.p7k_legal-content{
  max-width:800px;
}
.p7k_legal-content h2{
  font-size:var(--fs-xl);
  margin-top:var(--space-xl);
  margin-bottom:var(--space-md);
  padding-top:var(--space-xl);
  border-top:1px solid var(--border);
}
.p7k_legal-content h2:first-child{
  border-top:none;
  padding-top:0;
  margin-top:0;
}
.p7k_legal-content p{
  color:var(--muted);
  font-size:var(--fs-sm);
  line-height:1.75;
}
.p7k_legal-content ul{
  list-style:disc;
  padding-left:1.5rem;
  margin-bottom:var(--space-md);
}
.p7k_legal-content ul li{
  color:var(--muted);
  font-size:var(--fs-sm);
  margin-bottom:var(--space-sm);
  line-height:1.7;
}
/* Contact methods */
.p7k_contact-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-lg);
}
@media(min-width:768px){
  .p7k_contact-grid{grid-template-columns:repeat(2,1fr)}
}
.p7k_contact-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-lg);
}
.p7k_contact-card .icon{font-size:2rem;margin-bottom:var(--space-md)}
.p7k_contact-card h3{
  font-family:var(--font-head);
  font-size:var(--fs-md);
  margin-bottom:var(--space-sm);
}
/* Responsible gaming */
.p7k_rg-box{
  background:rgba(255,209,102,.05);
  border:1px solid rgba(255,209,102,.2);
  border-radius:var(--radius-lg);
  padding:var(--space-xl);
  margin:var(--space-xl) 0;
}
.p7k_quiz{
  display:flex;
  flex-direction:column;
  gap:var(--space-md);
}
.p7k_quiz li{
  display:flex;
  gap:var(--space-md);
  align-items:flex-start;
  padding:var(--space-md);
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  font-size:var(--fs-sm);
  color:var(--text);
  line-height:1.6;
}
.p7k_quiz li span{
  width:24px;height:24px;
  background:rgba(255,209,102,.1);
  border:1px solid var(--highlight);
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-size:var(--fs-xs);
  font-weight:700;
  color:var(--highlight);
  flex-shrink:0;
}
.p7k_helplines{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-md);
}
@media(min-width:480px){
  .p7k_helplines{grid-template-columns:repeat(2,1fr)}
}
.p7k_helpline-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:var(--space-md);
}
.p7k_helpline-card strong{
  display:block;
  font-family:var(--font-head);
  font-weight:700;
  color:var(--text);
  margin-bottom:4px;
}
.p7k_helpline-card a{color:var(--accent)}
/* Privacy sections */
.p7k_privacy-section{
  padding:var(--space-xl) 0;
  border-bottom:1px solid var(--border);
}
.p7k_privacy-section:last-child{border-bottom:none}

/* 13. FAQ ACCORDION */
.p7k_faq{
  display:flex;
  flex-direction:column;
  gap:var(--space-sm);
}
.p7k_faq-item{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  overflow:hidden;
  transition:border-color .2s ease;
}
.p7k_faq-item.open{border-color:var(--accent)}
.p7k_faq-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-md);
  padding:var(--space-md) var(--space-lg);
  background:transparent;
  color:var(--text);
  font-family:var(--font-head);
  font-weight:700;
  font-size:var(--fs-sm);
  text-align:left;
  min-height:52px;
  cursor:pointer;
  border:none;
  transition:var(--transition);
}
.p7k_faq-btn:hover{color:var(--accent)}
.p7k_faq-btn .arrow{
  width:20px;height:20px;
  border-radius:50%;
  background:var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:.7rem;
  color:var(--muted);
  transition:transform .2s ease,background .2s ease;
}
.p7k_faq-item.open .p7k_faq-btn .arrow{
  transform:rotate(180deg);
  background:var(--accent);
  color:#fff;
}
.p7k_faq-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease,padding .3s ease;
  padding:0 var(--space-lg);
}
.p7k_faq-item.open .p7k_faq-body{
  max-height:600px;
  padding:0 var(--space-lg) var(--space-lg);
}
.p7k_faq-body p,.p7k_faq-body ul,.p7k_faq-body ol{
  font-size:var(--fs-sm);
  color:var(--muted);
  line-height:1.7;
  margin-bottom:var(--space-sm);
}

/* 14. CTA BAND */
.p7k_cta-band{
  padding:var(--space-2xl) 0;
  background:linear-gradient(135deg,rgba(230,57,70,.15) 0%,rgba(255,209,102,.06) 100%);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  text-align:center;
  content-visibility:auto;
  contain-intrinsic-size:0 250px;
}
.p7k_cta-band h2{margin-bottom:var(--space-md)}
.p7k_cta-band p{color:var(--muted);margin-bottom:var(--space-xl)}
.p7k_cta-band__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-md);
  justify-content:center;
}

/* 15. FOOTER */
.p7k_footer{
  background:var(--bg-card);
  border-top:1px solid var(--border);
  padding:var(--space-2xl) 0 var(--space-lg);
  content-visibility:auto;
  contain-intrinsic-size:0 300px;
}
.p7k_footer__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-xl);
  margin-bottom:var(--space-xl);
}
@media(min-width:480px){
  .p7k_footer__grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){
  .p7k_footer__grid{grid-template-columns:2fr 1fr 1fr}
}
.p7k_footer__brand p{
  font-size:var(--fs-sm);
  color:var(--muted);
  margin-top:var(--space-md);
  line-height:1.65;
}
.p7k_footer__col h4{
  font-family:var(--font-head);
  font-size:var(--fs-sm);
  font-weight:700;
  color:var(--text);
  margin-bottom:var(--space-md);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.p7k_footer__col ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:var(--space-sm);
}
.p7k_footer__col ul a{
  font-size:var(--fs-sm);
  color:var(--muted);
  transition:var(--transition);
}
.p7k_footer__col ul a:hover{color:var(--text)}
.p7k_footer__bottom{
  border-top:1px solid var(--border);
  padding-top:var(--space-lg);
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-md);
  justify-content:space-between;
  align-items:center;
}
.p7k_footer__copyright{
  font-size:var(--fs-xs);
  color:var(--muted);
}
.p7k_footer__legal{
  display:flex;
  gap:var(--space-lg);
  flex-wrap:wrap;
}
.p7k_footer__legal a{
  font-size:var(--fs-xs);
  color:var(--muted);
  transition:var(--transition);
}
.p7k_footer__legal a:hover{color:var(--text)}
.p7k_footer__rg{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
  background:rgba(230,57,70,.08);
  border:1px solid rgba(230,57,70,.2);
  border-radius:var(--radius-md);
  padding:var(--space-md);
  margin-bottom:var(--space-lg);
}
.p7k_footer__rg p{
  font-size:var(--fs-xs);
  color:var(--muted);
  margin-bottom:0;
  line-height:1.5;
}
.p7k_18-badge{
  width:40px;height:40px;
  border-radius:var(--radius-sm);
  background:var(--accent);
  color:#fff;
  font-family:var(--font-head);
  font-weight:700;
  font-size:var(--fs-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* 16. STICKY MOBILE CTA BAR */
.p7k_sticky-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-sm);
  position:fixed;
  bottom:0;left:0;right:0;
  z-index:200;
  background:var(--bg-card);
  border-top:1px solid var(--border);
  padding:var(--space-sm) var(--space-md);
  height:70px;
  box-shadow:0 -4px 20px rgba(0,0,0,.4);
}
.p7k_sticky-bar__text{
  flex:1;
  min-width:0;
}
.p7k_sticky-bar__title{
  font-family:var(--font-head);
  font-size:var(--fs-xs);
  font-weight:700;
  color:var(--highlight);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.p7k_sticky-bar__sub{
  font-size:var(--fs-xs);
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(min-width:768px){.p7k_sticky-bar{display:none!important}}

/* 17. ANIMATIONS */
@keyframes p7k-fadeup{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes p7k-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
.p7k_animate{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.p7k_animate.p7k_visible{opacity:1;transform:translateY(0)}
.p7k_pulse{animation:p7k-pulse 2.4s ease-in-out infinite}
/* Breadcrumb */
.p7k_breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-xs);
  align-items:center;
  font-size:var(--fs-xs);
  color:var(--muted);
  padding:var(--space-md) 0;
}
.p7k_breadcrumb a{color:var(--muted);transition:var(--transition)}
.p7k_breadcrumb a:hover{color:var(--accent)}
.p7k_breadcrumb span{color:var(--text)}
.p7k_breadcrumb .sep{color:var(--border)}
/* Page hero (inner pages) */
.p7k_page-hero{
  padding:var(--space-2xl) 0 var(--space-xl);
  border-bottom:1px solid var(--border);
}
.p7k_page-hero h1{margin-bottom:var(--space-md)}
.p7k_page-hero p{color:var(--muted);max-width:700px}

/* 18. RESPONSIVE REFINEMENTS */
@media(min-width:480px){
  .p7k_hero__bonus-display{font-size:var(--fs-2xl)}
}
@media(min-width:768px){
  h1{font-size:var(--fs-3xl)}
  .p7k_section{padding:var(--space-3xl) 0}
}
@media(min-width:1024px){
  .p7k_hero{padding:var(--space-3xl) 0}
  h2{font-size:var(--fs-2xl)}
}