/* DBbet promo page — accent pink/red on the shared light theme */
:root{ --db-pink:#ff345c; --db-ink:#1a1414; }

.db-hero{padding:44px 0 20px;}
.db-hero-inner{display:flex;flex-direction:column;gap:30px;}
.db-crossover{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.brand-word.small{font-family:'Anton',sans-serif;font-size:0.95rem;}
.cross-x{color:var(--ink-faint);font-weight:700;}
.db-logo-wrap{display:inline-flex;align-items:center;background:var(--ink);padding:7px 12px;border-radius:8px;}
.db-logo{height:16px;width:auto;}
.db-h1{font-size:clamp(2.3rem,10vw,3.6rem);line-height:1.0;margin-bottom:16px;}
.db-h1 .or-mark{color:var(--db-pink);-webkit-text-stroke:0;}
.db-hero .lead{font-size:1rem;color:var(--ink-dim);max-width:50ch;margin-bottom:22px;}
.db-hero .lead em{color:var(--ink);font-style:normal;font-weight:700;}

.code-chip{display:inline-flex;align-items:center;background:var(--ink);color:#fff;padding:4px 12px;border-radius:8px;font-weight:700;font-size:0.82rem;letter-spacing:0.04em;cursor:pointer;border:none;transition:transform .15s,background .15s;vertical-align:middle;}
.code-chip:hover{transform:translateY(-1px);background:var(--db-pink);}
.code-chip.copied{background:var(--line);}

.hero-ctas{margin-bottom:10px;}
.btn-lg{padding:16px 28px;font-size:0.92rem;}
.btn-red{background:var(--db-pink);color:#fff;box-shadow:0 6px 20px rgba(255,52,92,0.3);}
.btn-red:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,52,92,0.38);}
.microcopy{font-size:0.74rem;color:var(--ink-faint);}

.db-hero-art{position:relative;display:grid;grid-template-columns:1fr;gap:12px;}
.db-art-img{border-radius:16px;box-shadow:var(--shadow-md);width:100%;object-fit:cover;}
.db-art-cards{aspect-ratio:16/9;}
.db-art-sports{aspect-ratio:16/9;object-position:88% center;}
@media(min-width:860px){
  .db-hero-inner{flex-direction:row;align-items:center;}
  .db-hero-inner > div:first-child{flex:1.05;}
  .db-hero-art{flex:0.95;}
}

.step-n{color:rgba(255,52,92,0.22);}

/* bonus cards */
.bonus-grid{display:grid;grid-template-columns:1fr;gap:22px;}
@media(min-width:800px){.bonus-grid{grid-template-columns:1fr 1fr;}}
.bonus-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
.bonus-img{height:150px;background-size:cover;background-position:center;position:relative;}
.bonus-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,20,16,0.05),rgba(18,20,16,0.55));}
.bonus-body{padding:22px;display:flex;flex-direction:column;gap:12px;}
.bonus-kicker{font-size:0.72rem;font-weight:800;letter-spacing:0.06em;color:var(--ink-faint);}
.bonus-figure{font-family:'Anton',sans-serif;font-size:2.4rem;color:var(--db-pink);line-height:1;display:flex;flex-direction:column;gap:4px;}
.bonus-figure-sub{font-family:'Inter',sans-serif;font-size:0.72rem;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.04em;}
.bonus-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px;}
.bonus-list li{font-size:0.86rem;color:var(--ink-dim);padding-left:18px;position:relative;}
.bonus-list li::before{content:"✓";position:absolute;left:0;color:var(--line);font-weight:800;}
.bonus-list b{color:var(--ink);}
.bonus-disclaimer{font-size:0.76rem;color:var(--ink-faint);margin-top:22px;line-height:1.6;max-width:80ch;}
.bonus-disclaimer a{color:var(--line);text-decoration:underline;}

/* slot strip */
.slot-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.slot-strip img{border-radius:14px;box-shadow:var(--shadow-sm);aspect-ratio:301/180;object-fit:cover;transition:transform .25s;}
.slot-strip img:hover{transform:scale(1.03) translateY(-2px);}

/* trust box */
.trust-box{background:var(--ink);color:rgba(255,255,255,0.82);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.trust-box .pill18{background:var(--db-pink);}
.trust-box p{font-size:0.84rem;line-height:1.65;}
.trust-box b{color:#fff;}

/* sticky mobile CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);border-top:1px solid var(--card-border);box-shadow:0 -8px 24px rgba(18,20,16,0.08);transition:transform .25s ease;padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
.sticky-cta.hide{transform:translateY(110%);}
.sticky-cta-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sticky-code{font-size:0.82rem;color:var(--ink-dim);}
.sticky-code b{color:var(--db-pink);}
@media(min-width:900px){.sticky-cta{display:none;}}
body.db-page{padding-bottom:78px;}
@media(min-width:900px){body.db-page{padding-bottom:0;}}