*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0c0814;--bg-card:rgba(24,16,40,.92);--bg-card-solid:#181028;--text:#f0f4ff;--text-muted:#a8b4d4;
  --gold:#e91e63;--gold-light:#f48fb1;--teal:#9c27b0;--purple:#4a148c;--border:rgba(233,30,99,.22);
  --gold-rgb:233,30,99;
  --radius:12px;--header-h:4rem;--cta-bar-h:4.25rem;
  --font-body:'Exo 2',system-ui,sans-serif;--font-display:'Orbitron',system-ui,sans-serif;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--text);background:var(--bg);overflow-x:hidden;min-height:100vh;padding-bottom:calc(var(--cta-bar-h) + env(safe-area-inset-bottom,0));}
h1,h2,h3,.btn{font-family:var(--font-display)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-decoration:none}a:hover{color:var(--gold-light)}
.container{width:min(100% - 1.5rem,72rem);margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#08111f;background:linear-gradient(135deg,var(--gold-light),var(--gold));border:none;border-radius:.75rem;box-shadow:0 6px 28px rgba(233,30,99,.4);transition:transform .2s,box-shadow .2s,filter .2s;min-height:48px;cursor:pointer;text-align:center;touch-action:manipulation}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(233,30,99,.55);filter:brightness(1.06);color:#08111f}
.btn:active{transform:scale(.98)}
.btn--hero{font-size:1.1rem;padding:1rem 2.25rem;min-height:54px}
.btn--header{font-size:.78rem;padding:.6rem 1.1rem;white-space:nowrap}
.btn--ghost{background:transparent;color:var(--teal);border:1.5px solid color-mix(in srgb,var(--teal) 45%,transparent);box-shadow:none;text-transform:none;font-size:.85rem;padding:.55rem 1rem;min-height:40px;letter-spacing:.02em}
.btn--ghost:hover{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--teal);box-shadow:none;transform:none}
.btn--small{font-size:.75rem;padding:.45rem .85rem;min-height:36px;text-transform:none;letter-spacing:.02em}
.header{position:sticky;top:0;z-index:200;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;min-height:var(--header-h)}
.logo img{height:42px;width:auto}
.nav-toggle{display:none}
.nav-toggle-label{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-card-solid)}
.nav-toggle-label span{width:20px;height:2px;background:var(--gold);border-radius:2px}
.nav{position:fixed;inset:var(--header-h) 0 auto 0;background:color-mix(in srgb,var(--bg) 98%,transparent);border-bottom:1px solid var(--border);padding:1rem;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}
.nav__list{display:flex;flex-direction:column;gap:.25rem;list-style:none}
.nav__list a{display:block;padding:.75rem 1rem;color:var(--text-muted);font-weight:600;font-size:.95rem;border-radius:.5rem}
.nav__list a:hover{color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}
.nav-toggle:checked~.nav{transform:translateY(0);opacity:1;pointer-events:auto}
@media(min-width:768px){.nav-toggle-label{display:none}.nav{position:static;transform:none;opacity:1;pointer-events:auto;background:transparent;border:none;padding:0}.nav__list{flex-direction:row;gap:1.25rem}.nav__list a{padding:.35rem 0}}
.hero{position:relative;min-height:min(88vh,720px);display:flex;align-items:center;padding:2.5rem 0 3rem;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:url("images/hero-bg.webp") center/cover no-repeat;z-index:0}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 45%,transparent) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 55%,var(--bg) 100%)}
.hero__content{position:relative;z-index:1;text-align:center;max-width:40rem;margin-inline:auto}
.hero__badge{display:inline-block;padding:.35rem 1rem;margin-bottom:1.25rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent);border-radius:999px}
.hero h1{font-size:clamp(1.85rem,6vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}
.hero h1 span{color:var(--gold-light)}
.hero__lead{font-size:clamp(1rem,2.8vw,1.15rem);color:var(--text-muted);margin-bottom:1.75rem;max-width:34rem;margin-inline:auto}
.hero__bonus{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:1.75rem;padding:.85rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(8px)}
.hero__bonus strong{color:var(--gold-light);font-size:1.05rem}
.hero__bonus span{color:var(--text-muted);font-size:.9rem}
.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.25rem}
.hero__register{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.section{padding:3rem 0}
.section h2{font-size:clamp(1.4rem,4vw,1.85rem);font-weight:800;text-align:center;margin-bottom:.65rem;letter-spacing:-.02em}
.section__lead{text-align:center;color:var(--text-muted);max-width:40rem;margin:0 auto 2rem;font-size:.95rem}
.card-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.feature-card{padding:1.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(6px)}
.feature-card__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;font-size:1.25rem;background:color-mix(in srgb,var(--teal) 12%,transparent);border-radius:.65rem;color:var(--teal)}
.feature-card h3{font-size:1.05rem;margin-bottom:.45rem;font-weight:700}
.feature-card p{font-size:.9rem;color:var(--text-muted)}
.slot-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:600px){.slot-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.slot-grid{grid-template-columns:repeat(4,1fr)}}
.slot-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}
.slot-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.slot-card__img{width:100%;height:auto;max-height:320px;aspect-ratio:4/3;object-fit:cover}
.slot-card__body{padding:1rem}
.slot-card__body h3{font-size:1rem;margin-bottom:.35rem;font-weight:700}
.slot-card__body p{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}
.rg-block{padding:2rem 1.5rem;background:color-mix(in srgb,var(--purple) 20%,transparent);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin:1rem 0}
.rg-block h2{margin-bottom:.65rem;font-size:1.25rem}
.rg-block p{color:var(--text-muted);font-size:.92rem;margin-bottom:.5rem}
.rg-block a{color:var(--teal);font-weight:600}
.info-block{max-width:48rem;margin:0 auto;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}
.info-block h2{text-align:left;margin-bottom:1rem}
.info-block h3{font-size:1.1rem;margin:1.5rem 0 .65rem;color:var(--gold-light)}
.info-block p,.info-block li{color:var(--text-muted);font-size:.95rem}
.info-block ul{margin:.75rem 0 .75rem 1.25rem}
.info-block li{margin-bottom:.4rem}
.info-block table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.88rem}
.info-block th,.info-block td{padding:.65rem .75rem;border:1px solid var(--border);text-align:left}
.info-block th{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-light);font-weight:700}
.info-block tr:nth-child(even){background:rgba(255,255,255,.03)}
.faq{max-width:44rem;margin:0 auto}
.faq details{margin-bottom:.65rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}
.faq summary{padding:1rem 1.15rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.75rem;touch-action:manipulation}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.25rem;flex-shrink:0}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 1.15rem 1rem;color:var(--text-muted);font-size:.92rem}
.cta-strip{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 35%,transparent),color-mix(in srgb,var(--teal) 12%,transparent));border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0}
.cta-strip h2{margin-bottom:.5rem}
.cta-strip p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem}
.footer{padding:2rem 0 calc(2rem + var(--cta-bar-h));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 95%,transparent)}
.footer__grid{display:grid;gap:1.5rem;margin-bottom:1.5rem}
@media(min-width:600px){.footer__grid{grid-template-columns:1fr 1fr}}
.footer h3{font-size:.95rem;margin-bottom:.65rem;color:var(--gold-light)}
.footer p,.footer a{font-size:.85rem;color:var(--text-muted)}
.footer ul{list-style:none}.footer li{margin-bottom:.35rem}
.footer__bottom{padding-top:1.25rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-muted);text-align:center}
.footer__bottom p{margin-bottom:.35rem}
.age-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:rgba(225,29,72,.15);border:1px solid rgba(225,29,72,.35);border-radius:.35rem;font-weight:800;font-size:.75rem;color:#fb7185}
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:300;display:flex;gap:.5rem;padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0));background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--border)}
.mobile-cta .btn{flex:1;font-size:.88rem;padding:.75rem 1rem}.mobile-cta .btn--ghost{flex:0 0 auto}
@media(min-width:768px){body{padding-bottom:0}.mobile-cta{display:none}.footer{padding-bottom:2rem}}
.page-main{padding:2rem 0 3rem}
.page-main h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;font-weight:800}
.page-main h2{font-size:1.2rem;margin:1.75rem 0 .65rem;color:var(--gold-light)}
.page-main p,.page-main li{color:var(--text-muted);margin-bottom:.85rem;font-size:.95rem}
.page-main ul{margin-left:1.25rem}
.subpage-hero{padding:2rem 0 1.5rem;text-align:center;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.subpage-hero p{color:var(--text-muted);font-size:.95rem;max-width:36rem;margin:.5rem auto 0}
.footer--cols3 .footer__grid{grid-template-columns:1fr}
@media(min-width:768px){.footer--cols3 .footer__grid{grid-template-columns:2fr 1fr 1fr}}
.footer--center .footer__bottom,.footer--center .footer__grid{justify-items:center}

/* ===== GLOBAL SKIN MODIFIERS ===== */
.btn--rounded-glow{border-radius:999px;box-shadow:0 0 20px color-mix(in srgb,var(--gold) 50%,transparent),0 6px 28px color-mix(in srgb,var(--gold) 40%,transparent)}
.btn--sharp-yellow{border-radius:2px;background:var(--gold);color:#111;text-transform:uppercase;letter-spacing:.1em}
.btn--outline-gold{background:transparent;border:2px solid var(--gold);color:var(--gold-light);box-shadow:none}
.btn--outline-gold:hover{background:var(--gold);color:#111}
.btn--swiss-square{border-radius:0;background:var(--gold);color:#111;font-weight:800}
.btn--green-pill{border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--teal));color:#fff}
.btn--orange-burst{border-radius:4px;background:var(--gold);color:#111;font-size:1.15rem;letter-spacing:.08em;box-shadow:0 0 30px color-mix(in srgb,var(--gold) 60%,transparent)}
.btn--bet365-green{border-radius:3px;background:var(--teal);color:#fff;font-family:var(--font-display)}
.btn--neon-outline{background:transparent;border:2px solid var(--teal);color:var(--teal);box-shadow:0 0 15px var(--teal),inset 0 0 15px color-mix(in srgb,var(--teal) 20%,transparent);text-shadow:0 0 8px var(--teal)}
.btn--wave-pill{border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--purple))}
.btn--crypto-block{border-radius:4px;background:var(--teal);color:var(--bg);font-family:monospace;letter-spacing:.05em}
.btn--wh-blue{border-radius:2px;background:var(--gold);color:#fff;border:2px solid var(--gold-light)}
.btn--poker-red{border-radius:0;background:var(--gold);color:#fff;border-bottom:4px solid #000}
.btn--tipico-red-pill{border-radius:999px;background:var(--gold);color:#fff;font-weight:600;text-transform:none}
.btn--danske-blue{border-radius:6px;background:var(--gold);color:#fff}
.btn--betsson-orange{border-radius:var(--radius);background:linear-gradient(180deg,var(--gold-light),var(--gold))}
.btn--leo-orange-pill{border-radius:999px;background:var(--gold);color:#111;transform:rotate(-1deg)}
.btn--scandi-outline{border-radius:0;background:transparent;border:2px solid var(--text);color:var(--text);box-shadow:none;text-transform:none}
.btn--angular-red{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);border-radius:0;background:var(--gold);color:#fff}
.btn--arctic-glow{border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--gold));box-shadow:0 0 25px color-mix(in srgb,var(--teal) 50%,transparent)}

/* Section themes */
.section--soft-band:nth-child(even){background:color-mix(in srgb,var(--purple) 12%,transparent)}
.section--dark-band:nth-child(even){background:#0a0a0a;border-block:1px solid var(--border)}
.section--editorial .section h2{font-family:var(--font-display);font-style:italic}
.section--alpine{border-top:3px double var(--gold)}
.section--green-accent .section h2::after{content:"";display:block;width:60px;height:3px;background:var(--gold);margin:.5rem auto 0}
.section--fiery .section{padding:4rem 0}
.section--corporate-alt .section:nth-child(even){background:color-mix(in srgb,var(--card) 50%,transparent)}
.section--neon-glow .section{position:relative}
.section--neon-glow .section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--teal) 8%,transparent),transparent 70%);pointer-events:none}
.section--ocean .section h2{color:var(--teal)}
.section--crypto .section{border-left:2px solid color-mix(in srgb,var(--teal) 30%,transparent)}
.section--classic-frame .info-block{border:2px solid var(--gold);padding:2rem}
.section--poker-felt{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,color-mix(in srgb,var(--gold) 3%,transparent) 10px,color-mix(in srgb,var(--gold) 3%,transparent) 20px)}
.section--tipico-clean .section{padding:4rem 0 3rem}
.section--nordic-light .feature-card{box-shadow:0 2px 12px rgba(0,0,0,.15)}
.section--split-dark-band .section--bonus-band{background:var(--bg-card-solid);border-radius:var(--radius);margin:1rem;padding:2rem}
.section--leo-fun .section h2{transform:rotate(-1deg);display:inline-block}
.section--scandi-white .section h2{font-weight:400;letter-spacing:.15em;text-transform:uppercase;font-size:1.1rem}
.section--angular .section h2{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);background:var(--gold);color:#111;display:inline-block;padding:.35rem 1.25rem}
.section--arctic .section{backdrop-filter:blur(2px)}

/* Headings */
.heading--underline h2{border-bottom:2px solid var(--gold);padding-bottom:.5rem;display:inline-block;width:100%}
.heading--uppercase-line h2{text-transform:uppercase;letter-spacing:.12em;border-left:4px solid var(--gold);padding-left:1rem;text-align:left}
.heading--serif-center h2{font-style:italic}
.heading--playfair h2{font-family:var(--font-display);font-weight:600}
.heading--green-bar h2{text-align:left;border-left:5px solid var(--gold);padding-left:1rem}
.heading--bebas h2{font-size:clamp(2rem,5vw,2.8rem);letter-spacing:.06em}
.heading--condensed h2{text-transform:uppercase;font-stretch:condensed}
.heading--orbitron h2{text-shadow:0 0 20px var(--teal);letter-spacing:.1em}
.heading--nunito h2{color:var(--gold-light)}
.heading--space h2{letter-spacing:-.02em}
.heading--merriweather h2{font-family:var(--font-display);border-bottom:1px solid var(--border);padding-bottom:.75rem}
.heading--oswald h2{text-transform:uppercase;letter-spacing:.08em}
.heading--tipico h2{font-weight:600;font-size:1.5rem}
.heading--dm-serif h2{font-family:var(--font-display)}
.heading--manrope h2{font-weight:800}
.heading--leo-pop h2{color:var(--gold);font-size:clamp(1.6rem,4vw,2.2rem)}
.heading--lexend h2{font-weight:300;letter-spacing:.2em;text-transform:uppercase;font-size:1rem}
.heading--archivo h2{font-weight:800;text-transform:uppercase}
.heading--rubik h2{font-weight:700}

/* Trust bars */
.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.25rem 0;margin-bottom:1rem}
.trust-bar__item{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;color:var(--text-muted)}
.trust-bar__item strong{color:var(--gold-light);display:block;font-size:1rem}
.trust-bar--chips .trust-bar__item{border-radius:999px;border:2px dashed var(--gold)}
.trust-bar--quote{font-style:italic;text-align:center;border-left:3px solid var(--gold);padding-left:1rem;max-width:32rem;margin:0 auto 1.5rem;color:var(--text-muted)}
.trust-bar--alpine{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center;border:1px solid var(--border);padding:1rem}
.trust-bar--license{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.trust-bar--license span{padding:.35rem .75rem;border:1px solid var(--gold);font-size:.75rem;font-weight:700;color:var(--gold-light)}

/* Bonus formats */
.bonus-ticket{max-width:28rem;margin:0 auto;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--bg-card-solid),color-mix(in srgb,var(--gold) 15%,transparent));border:2px dashed var(--gold);border-radius:var(--radius);text-align:center;position:relative}
.bonus-ticket::before,.bonus-ticket::after{content:"";position:absolute;width:20px;height:20px;background:var(--bg);border-radius:50%;top:50%;transform:translateY(-50%)}
.bonus-ticket::before{left:-10px}.bonus-ticket::after{right:-10px}
.bonus-banner-full{width:100%;padding:2rem;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 25%,transparent),color-mix(in srgb,var(--purple) 20%,transparent));border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:1.5rem}
.bonus-banner-full .btn{margin-top:1rem}
.bonus-floating{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.4);margin-top:-3rem;position:relative;z-index:2;border-radius:var(--radius)}
.bonus-cards-3{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.bonus-cards-3{grid-template-columns:repeat(3,1fr)}
.bonus-cards-3 .bonus-card{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center}
.bonus-cards-3 .bonus-card--main{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.bonus-mega{padding:2.5rem;background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 60%,var(--purple)));color:#111;border-radius:var(--radius);text-align:center;margin-bottom:1.5rem}
.bonus-mega .btn{background:#111;color:var(--gold);margin-top:1rem}
.bonus-split{display:grid;gap:1.5rem}
@media(min-width:768px){.bonus-split{grid-template-columns:1fr 1fr;align-items:start}
.bonus-neon-panel{padding:2rem;border:1px solid var(--teal);box-shadow:0 0 30px color-mix(in srgb,var(--teal) 30%,transparent),inset 0 0 30px color-mix(in srgb,var(--teal) 10%,transparent);border-radius:var(--radius)}
.bonus-wave{padding:2rem;background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 20%,transparent),transparent);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--teal) 40%,transparent)}
.bonus-bento{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.bonus-bento .bonus-bento__main{grid-column:span 2;padding:1.5rem;background:var(--bg-card);border:1px solid var(--teal);border-radius:var(--radius)}
.bonus-bento .bonus-bento__cell{padding:1rem;background:var(--bg-card);border-radius:var(--radius);font-size:.9rem;color:var(--text-muted)}
.bonus-poker-chip{width:120px;height:120px;border-radius:50%;border:8px dashed var(--gold);display:grid;place-items:center;text-align:center;margin:0 auto 1.5rem;font-weight:800;color:var(--gold-light);font-size:.85rem;background:var(--bg-card-solid)}
.bonus-tipico{text-align:center;padding:2rem 1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.bonus-dark-panel{padding:2rem;background:#000;border:1px solid var(--gold);border-radius:var(--radius)}
.bonus-leo-ticket{background:var(--gold);color:#111;padding:1.5rem;border-radius:var(--radius);transform:rotate(-1deg);text-align:center;margin-bottom:1.5rem}
.bonus-angular{clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);background:color-mix(in srgb,var(--gold) 20%,transparent);padding:2rem;border:1px solid var(--gold)}
.bonus-arctic-glass{padding:2rem;background:color-mix(in srgb,var(--bg-card-solid) 80%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--teal) 40%,transparent);border-radius:var(--radius)}

/* FAQ formats */
.faq--cards{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.faq--cards{grid-template-columns:repeat(2,1fr)}
.faq--cards details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0}
.faq--two-col{columns:1;gap:2rem}
@media(min-width:768px){.faq--two-col{columns:2}
.faq--two-col details{break-inside:avoid;margin-bottom:.65rem}
.faq--table details{border-left:3px solid var(--gold)}
.faq--minimal details{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0}
.faq--neon details{border:1px solid var(--teal);box-shadow:0 0 10px color-mix(in srgb,var(--teal) 20%,transparent)}
.faq--green details{border-left:4px solid var(--gold)}
.faq--poker details{background:color-mix(in srgb,var(--gold) 5%,transparent);border:1px solid var(--border)}
.faq--angular details{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}

/* RG formats */
.rg-block--banner{background:linear-gradient(90deg,rgba(225,29,72,.2),rgba(225,29,72,.05));border-left:4px solid #fb7185;text-align:left;padding:1.5rem 2rem}
.rg-block--split{display:grid;gap:1rem;text-align:left}
@media(min-width:600px){.rg-block--split{grid-template-columns:1fr auto;align-items:center}
.rg-block--minimal{background:transparent;border:none;padding:1rem 0;font-size:.85rem;color:var(--text-muted)}
.rg-block--neon{border:1px solid #fb7185;box-shadow:0 0 15px rgba(251,113,133,.3)}
.rg-block--green{border-left:4px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);text-align:left}
.rg-block--warning{background:#1a0a0a;border:1px solid #fb7185;border-radius:var(--radius)}
.rg-block--corporate{text-align:left;border:1px solid var(--border);padding:1.5rem}
.rg-block--ocean{border-top:3px solid var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}
.rg-block--crypto{font-family:monospace;font-size:.85rem;border:1px dashed var(--teal);text-align:left}
.rg-block--classic{border:double 3px var(--border);padding:2rem}
.rg-block--poker{border:2px solid var(--gold);background:#0d0d0d;text-align:left}
.rg-block--icons{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center;text-align:left}
.rg-block--icons .rg-block__icon{font-size:2.5rem}

/* Footer variants */
.footer--mega .footer__grid{grid-template-columns:1fr}
@media(min-width:768px){.footer--mega .footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}
.footer--sport{border-top:3px solid var(--gold)}
.footer--center-minimal{text-align:center}
.footer--center-minimal .footer__grid{justify-items:center}
.footer--three-line .footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;text-align:left}
.footer--italian .footer__grid{border-top:2px solid var(--gold);padding-top:1.5rem}
.footer--orange{border-top:4px solid var(--gold)}
.footer--corporate-4col .footer__grid{grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.footer--corporate-4col .footer__grid{grid-template-columns:repeat(4,1fr)}
.footer--neon{border-top:1px solid var(--teal);box-shadow:0 -4px 20px color-mix(in srgb,var(--teal) 20%,transparent)}
.footer--wave{border-top:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--teal) 15%,transparent))}
.footer--crypto{border-top:1px dashed var(--teal);font-family:monospace;font-size:.8rem}
.footer--heritage{border-top:double 4px var(--gold)}
.footer--poker{background:#050505;border-top:4px solid var(--gold)}
.footer--tipico-min{padding:1.5rem 0;font-size:.8rem}
.footer--nordic{border-top:1px solid var(--border)}
.footer--dark-split .footer__grid{background:var(--bg-card-solid);padding:1.5rem;border-radius:var(--radius)}
.footer--leo{border-top:none;background:linear-gradient(0deg,color-mix(in srgb,var(--gold) 15%,transparent),transparent)}
.footer--scandi-thin{padding:1rem 0;font-size:.78rem;border-top:1px solid var(--border)}
.footer--angular{border-top:3px solid var(--gold);clip-path:polygon(0 8px,8px 0,100% 0,100% 100%,0 100%)}
.footer--arctic{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--teal) 10%,transparent))}

/* Slot variants */
.slot--badge .slot-card{position:relative}
.slot--badge .slot-card::after{content:"HOT";position:absolute;top:.75rem;right:.75rem;background:var(--gold);color:#111;font-size:.65rem;font-weight:800;padding:.2rem .5rem;border-radius:2px}
.slot--top-bar .slot-card{border-top:4px solid var(--gold)}
.slot--overlay-play .slot-card__body .btn{width:100%}
.slot--list-compact .slot-card__body p{display:none}
.slot--3col-icon .slot-card__body h3::before{content:"🎰 ";font-size:.9rem}
.slot--crypto-border .slot-card{border:1px solid var(--teal);background:transparent}
.slot--classic-frame .slot-card{border:2px solid var(--border);padding:.5rem}
.slot--poker-card .slot-card{border-radius:8px;border:2px solid var(--gold);transform:rotate(-2deg)}
.slot--poker-card:nth-child(even){transform:rotate(2deg)}
.slot--minimal-round .slot-card{background:transparent;border:none}
.slot--leo-tilt .slot-card:nth-child(odd){transform:rotate(-2deg)}
.slot--leo-tilt .slot-card:nth-child(even){transform:rotate(1deg)}
.slot--angular-accent .slot-card{border-left:4px solid var(--gold)}
.slot--arctic-glass .slot-card{background:color-mix(in srgb,var(--bg-card-solid) 70%,transparent);backdrop-filter:blur(8px)}

/* Patterns (body pseudo) */
.skin-novomatic{background-image:radial-gradient(circle,color-mix(in srgb,var(--gold) 8%,transparent) 1px,transparent 1px);background-size:24px 24px;background-attachment:fixed}
.skin-bah .hero__bg::after{background:linear-gradient(135deg,rgba(0,0,0,.85) 40%,rgba(0,0,0,.4))}
.skin-codere .hero__bg{filter:saturate(1.3)}
.skin-888-es .hero h1{text-transform:uppercase}
.skin-tipico .btn{text-transform:none;letter-spacing:0}
.skin-leo .section:nth-child(odd){background:color-mix(in srgb,var(--gold) 5%,transparent)}

/* Floating side CTA (desktop) */
.side-cta{position:fixed;right:1rem;top:50%;transform:translateY(-50%);z-index:250;display:none;writing-mode:vertical-rl;text-orientation:mixed}
@media(min-width:1100px){.side-cta{display:block}
.side-cta .btn{padding:1.25rem .75rem;border-radius:var(--radius);font-size:.85rem}

/* Section title wrapper */
.section-head{margin-bottom:2rem}
.section-head--left{text-align:left}
.section-head--left .section__lead{margin-left:0;text-align:left}


/* === SPLIT HERO === */
.layout-split .hero{min-height:min(90vh,780px);align-items:stretch}
.layout-split .hero__inner{display:grid;gap:2rem;align-items:center;padding:3rem 0;width:100%}
@media(min-width:900px){.layout-split .hero__inner{grid-template-columns:1fr 1fr;text-align:left}}
.layout-split .hero__content{text-align:center;max-width:none;margin:0}
@media(min-width:900px){.layout-split .hero__content{text-align:left}}
.layout-split .hero__side{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px)}
.layout-split .hero__side .btn{width:100%;margin-top:1rem}
.layout-split .hero__actions,.layout-split .hero__register{justify-content:flex-start}
@media(max-width:899px){.layout-split .hero__actions,.layout-split .hero__register{justify-content:center}}
.header--split .header__inner{gap:1rem}
.header--split .btn--header{order:3;margin-left:auto}

/* === BOLD SPORTS === */
.layout-bold{letter-spacing:.02em}
.layout-bold h1,.layout-bold h2,.layout-bold h3,.layout-bold .btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}
.header--bold{border-bottom:3px solid var(--gold)}
.header--bold .logo img{height:48px}
.header--bold .btn--header{font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius)}
.layout-bold .hero{min-height:78vh;align-items:flex-end;padding-bottom:4rem}
.layout-bold .hero__bg::after{background:linear-gradient(0deg,var(--bg) 0%,transparent 40%,color-mix(in srgb,var(--bg) 70%,transparent) 100%)}
.layout-bold .hero__content{text-align:left;max-width:36rem;margin:0}
.layout-bold .hero h1{font-size:clamp(2.4rem,8vw,4.5rem);line-height:.95}
.benefits-row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.benefits-row .feature-card{flex:0 0 min(280px,85vw);scroll-snap-align:start;border-left:4px solid var(--gold)}
.slot-grid--2{grid-template-columns:1fr}
@media(min-width:700px){.slot-grid--2{grid-template-columns:repeat(2,1fr)}}
.mobile-cta--single .btn{flex:1;font-size:1rem;padding:1rem}
.mobile-cta--single .btn--ghost{display:none}

/* === MAGAZINE === */
.header--transparent{position:absolute;left:0;right:0;background:transparent;border:none;backdrop-filter:none}
.header--transparent .nav-toggle-label{background:rgba(0,0,0,.35)}
.layout-magazine .hero{min-height:92vh;padding-top:5rem}
.layout-magazine .hero__bonus{position:relative;margin-top:-2rem;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.benefits-zigzag{display:flex;flex-direction:column;gap:1.25rem;max-width:52rem;margin:0 auto}
.benefits-zigzag .feature-card:nth-child(even){margin-left:auto;text-align:right;max-width:90%}
.benefits-zigzag .feature-card:nth-child(odd){margin-right:auto;max-width:90%}
.slot-grid--overlay .slot-card{position:relative}
.slot-grid--overlay .slot-card .btn{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .2s}
.slot-grid--overlay .slot-card:hover .btn{opacity:1}
.mobile-cta--dual{flex-direction:column;gap:.4rem}
.mobile-cta--dual .btn,.mobile-cta--dual .btn--ghost{flex:1;width:100%}

/* === ALPINE === */
.header--stacked .header__inner{flex-wrap:wrap;justify-content:center;padding:1rem 0}
.header--stacked .logo{width:100%;justify-content:center;display:flex;margin-bottom:.5rem}
.header--stacked .nav{width:100%;order:3}
@media(min-width:768px){.header--stacked .header__inner{flex-wrap:nowrap}.header--stacked .logo{width:auto;margin:0}.header--stacked .nav{width:auto;order:0}}
.layout-alpine .hero h1{font-family:var(--font-display);font-weight:700}
.layout-alpine .hero__stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;justify-content:center}
.layout-alpine .hero__stat{padding:.65rem 1rem;border:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}
.benefits-list{display:grid;gap:.75rem;max-width:40rem;margin:0 auto}
.benefits-list .feature-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;border-left:3px solid var(--gold)}
.benefits-list .feature-card__icon{margin:0}
.slot-list{display:flex;flex-direction:column;gap:1rem;max-width:900px;margin-inline:auto}
.slot-list .slot-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0;min-height:120px}
@media(min-width:600px){.slot-list .slot-card{grid-template-columns:200px 1fr}}
.slot-list .slot-card__img{width:100%;height:100%;max-height:220px;aspect-ratio:1;object-fit:cover}
.slot-list .slot-card__body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.mobile-cta--top-strip{top:0;bottom:auto;border-top:none;border-bottom:1px solid var(--border)}
@media(max-width:767px){body.layout-alpine{padding-top:calc(var(--cta-bar-h) + var(--header-h));padding-bottom:0}}

/* === EDITORIAL === */
.header--pill-nav .nav__list a{border-radius:999px;padding:.45rem .9rem!important}
.header--pill-nav .nav__list a:hover{background:color-mix(in srgb,var(--gold) 15%,transparent)}
.slot-carousel{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scroll-snap-type:x mandatory}
.slot-carousel .slot-card{flex:0 0 min(300px,88vw);scroll-snap-align:center}
.card-grid--2{grid-template-columns:1fr}
@media(min-width:768px){.card-grid--2{grid-template-columns:repeat(2,1fr)}}
.mobile-cta--fab{background:transparent;border:none;pointer-events:none;padding:1rem}
.mobile-cta--fab .btn{pointer-events:auto;margin-left:auto;border-radius:999px;width:56px;height:56px;padding:0;font-size:.7rem;flex:none;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.mobile-cta--fab .btn--ghost{display:none}

/* === FIERY === */
.header--announce{padding-top:0}
.header--announce .top-bar{background:var(--gold);color:#111;padding:.45rem;text-align:center;font-size:.8rem;font-weight:700}
.header--announce .top-bar a{color:#111;text-decoration:underline}
.layout-fiery h1,.layout-fiery h2{font-family:var(--font-display);letter-spacing:.04em}
.benefits-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:768px){.benefits-icons{grid-template-columns:repeat(3,1fr)}}
.benefits-icons .feature-card{text-align:center;border-top:4px solid var(--gold)}
.benefits-icons .feature-card__icon{margin-inline:auto}
.slot-grid--3{grid-template-columns:1fr}
@media(min-width:768px){.slot-grid--3{grid-template-columns:repeat(3,1fr)}}
.mobile-cta--glow .btn{box-shadow:0 0 24px var(--gold),0 0 48px color-mix(in srgb,var(--gold) 40%,transparent)}

/* === CORPORATE === */
.header--corporate .header__inner{border-bottom:2px solid var(--gold);padding-bottom:.5rem}
.header--corporate .btn--header{border-radius:var(--radius);background:var(--gold);color:#fff}
.layout-corporate .section:nth-child(even){background:color-mix(in srgb,var(--card) 40%,transparent)}

/* === NEON === */
.header--neon{border-bottom:1px solid var(--teal);box-shadow:0 0 20px color-mix(in srgb,var(--teal) 30%,transparent)}
.layout-neon .hero{align-items:flex-start;padding-top:4rem}
.layout-neon .hero__content{text-align:left;margin:0;max-width:36rem}
.layout-neon .hero__cta-col{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;max-width:220px}
@media(min-width:900px){.layout-neon .hero .container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.layout-neon .hero__cta-col{margin-top:0}}
.benefits-strip{display:grid;gap:.75rem}
@media(min-width:768px){.benefits-strip{grid-template-columns:repeat(6,1fr)}}
.benefits-strip .feature-card{border-left:3px solid var(--teal);padding:1rem}
.benefits-strip .feature-card p{display:none}
@media(min-width:900px){.benefits-strip .feature-card p{display:block}}
.slot-masonry{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.slot-masonry .slot-card:nth-child(1){grid-row:span 2}
.slot-masonry .slot-card:nth-child(1) .slot-card__img{aspect-ratio:3/4}
.mobile-cta--neon{border-top:1px solid var(--teal);box-shadow:0 -4px 24px color-mix(in srgb,var(--teal) 25%,transparent)}

/* === OCEAN === */
.header--wave{border-bottom:none;background:linear-gradient(180deg,var(--bg),transparent)}
.layout-ocean .hero__bg::after{background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 80%,transparent),color-mix(in srgb,var(--teal) 20%,transparent))}
.card-grid--wave .feature-card{border-radius:var(--radius);border:none;background:linear-gradient(145deg,var(--bg-card-solid),color-mix(in srgb,var(--teal) 12%,transparent))}
.slot-grid--rounded .slot-card{border-radius:var(--radius);overflow:hidden}
.mobile-cta--bubble .btn{border-radius:999px}

/* === CRYPTO === */
.header--crypto .header__inner{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:.5rem 1rem}
.benefits-bento{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,auto)}
.benefits-bento .feature-card:first-child{grid-column:span 2}
@media(min-width:768px){.benefits-bento{grid-template-columns:repeat(4,1fr)}.benefits-bento .feature-card:first-child{grid-column:span 2;grid-row:span 2}}
.slot-grid--crypto .slot-card{border:1px solid var(--teal);background:transparent}
.mobile-cta--crypto{gap:0;border-top:2px solid var(--teal)}
.mobile-cta--crypto .btn{border-radius:0;flex:2}
.mobile-cta--crypto .btn--ghost{flex:1;border-radius:0}

/* === CLASSIC === */
.header--classic{border-bottom:4px double var(--gold)}
.layout-classic .hero{min-height:70vh}
.layout-classic .hero__content{border:1px solid var(--border);padding:2rem;background:var(--bg-card)}

/* === POKER === */
.header--poker{background:var(--bg-card-solid);border-bottom:4px solid var(--gold)}
.header--poker .btn--header{background:#111;color:var(--gold);border:2px solid var(--gold)}
.layout-poker .hero h1{text-transform:uppercase}
.benefits-row--red .feature-card{border-top:3px solid var(--gold)}
.slot-grid--poker .slot-card{border-radius:0;border:2px solid var(--border)}
.mobile-cta--poker .btn{background:var(--gold);color:#111}

/* === TIPICO MINIMAL === */
.header--minimal .header__inner{justify-content:center;gap:2rem}
.header--minimal .nav-toggle-label{order:-1}
.header--minimal .btn--header{border-radius:999px;padding:.65rem 1.75rem}
.layout-tipico .hero{min-height:75vh}
.layout-tipico .hero__content{max-width:28rem}
.layout-tipico .btn{border-radius:999px}
.benefits-minimal{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;text-align:center}
.benefits-minimal .feature-card{background:transparent;border:none;max-width:160px;padding:.5rem}
.benefits-minimal .feature-card__icon{margin-inline:auto;background:transparent;font-size:2rem}
.benefits-minimal .feature-card p{font-size:.8rem}
.slot-grid--minimal .slot-card{border:none;background:transparent;text-align:center}
.slot-grid--minimal .slot-card__img{border-radius:var(--radius)}
.mobile-cta--minimal{justify-content:center;background:var(--bg)}
.mobile-cta--minimal .btn{flex:none;min-width:70%}

/* === NORDIC === */
.header--nordic .header__inner{border-bottom:1px solid var(--border)}
.card-grid--nordic .feature-card{border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.2)}

/* === SPLIT DARK === */
.header--split-dark .header__inner{background:var(--bg-card-solid);border-radius:var(--radius);padding:.5rem 1rem;margin-top:.5rem}
.layout-split-dark .hero .container{display:grid;gap:2rem}
@media(min-width:900px){.layout-split-dark .hero .container{grid-template-columns:1.2fr .8fr;align-items:center}}
.layout-split-dark .hero__panel{background:linear-gradient(160deg,var(--bg-card-solid),color-mix(in srgb,var(--purple) 30%,transparent));padding:2rem;border-radius:var(--radius);border:1px solid var(--border)}
.mobile-cta--dark{background:#000;border-top-color:var(--gold)}

/* === LEO ORANGE === */
.header--leo .btn--header{border-radius:999px;font-size:.9rem}
.layout-leo .hero{border-radius:0 0 2rem 2rem;overflow:hidden}
.benefits-leo{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:768px){.benefits-leo{grid-template-columns:repeat(3,1fr)}}
.benefits-leo .feature-card{border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-card-solid),transparent)}
.slot-grid--leo .slot-card{border-radius:var(--radius);transform:rotate(-1deg)}
.slot-grid--leo .slot-card:nth-child(even){transform:rotate(1deg)}
.mobile-cta--leo .btn{border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}

/* === SCANDI === */
.header--scandi{border-bottom:1px solid var(--border)}
.header--scandi .header__inner{min-height:3.5rem}
.benefits-scandi{columns:1;gap:1rem}
@media(min-width:768px){.benefits-scandi{columns:2}}
.benefits-scandi .feature-card{break-inside:avoid;margin-bottom:1rem;border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:1rem 0}
.slot-list--scandi .slot-card{border-radius:0;border:none;border-bottom:1px solid var(--border);background:transparent}
.mobile-cta--scandi{flex-direction:row-reverse}

/* === NORDIC RED === */
.header--nordic-red .btn--header{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.card-grid--accent-left .feature-card{border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0}
.slot-grid--accent .slot-card{border-left:4px solid var(--gold)}
.mobile-cta--accent .btn{clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}

/* === ARCTIC === */
.header--arctic{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--teal) 8%,transparent))}
.layout-arctic .hero__content{backdrop-filter:blur(8px);padding:2rem;border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 60%,transparent)}
.benefits-arctic{display:grid;gap:1rem}
@media(min-width:600px){.benefits-arctic{grid-template-columns:repeat(3,1fr)}}
.benefits-arctic .feature-card:nth-child(4),.benefits-arctic .feature-card:nth-child(5),.benefits-arctic .feature-card:nth-child(6){grid-column:span 1}
@media(min-width:900px){.benefits-arctic{grid-template-columns:repeat(6,1fr)}.benefits-arctic .feature-card{grid-column:span 2}}
.slot-grid--arctic .slot-card{overflow:visible}
.slot-grid--arctic .slot-card__body{border-top:2px solid var(--teal)}
.mobile-cta--arctic{background:linear-gradient(0deg,var(--bg),transparent);border:none}