/* Mega Lucky Draw page — 5 Nov 2026 */
.ld-hero{position:relative;overflow:hidden;padding:34px 0 56px;color:#fff;background:radial-gradient(1200px 600px at 75% 40%,#1d4ed8 0%,#0b1f5c 45%,#050c26 100%)}
.ld-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 40px,transparent 40px 80px);transform:skewX(-20deg);pointer-events:none}
#ldConfetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ld-flags{position:absolute;inset:0;pointer-events:none;background:
  conic-gradient(#fff 25%,#111 0 50%,#fff 0 75%,#111 0) 0 0/26px 26px;-webkit-mask:linear-gradient(135deg,#000 0 12%,transparent 12% 88%,#000 88%);mask:linear-gradient(135deg,#000 0 12%,transparent 12% 88%,#000 88%);opacity:.5;animation:ldWave 6s ease-in-out infinite alternate}
@keyframes ldWave{from{transform:translateY(-4px)}to{transform:translateY(4px)}}
.ld-hero .crumb,.ld-hero .crumb a{color:#bcd0ff}
.ld-hero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
@media(max-width:860px){.ld-hero-in{grid-template-columns:1fr}.ld-art{order:-1;max-width:380px;margin:0 auto}}
.ld-kick{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:800;font-size:.86rem;letter-spacing:.02em}
.ld-hero h1{margin:14px 0 10px;line-height:.95;font-family:Unbounded,Figtree,sans-serif;text-transform:uppercase}
.ld-mega{display:inline-block;padding:6px 14px;margin:0 0 6px;background:#e11d2e;border-radius:10px;font-size:clamp(1.4rem,3.4vw,2.2rem);transform:rotate(-3deg)}
.ld-big{display:block;font-size:clamp(2.6rem,7vw,5rem);color:#FFD21F;text-shadow:0 4px 0 #b45309,0 10px 30px rgba(0,0,0,.45);animation:ldPop 2.4s ease-in-out infinite}
@keyframes ldPop{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.ld-lead{font-size:1.12rem;color:#dbe6ff;max-width:560px}
.ld-worth{display:inline-flex;flex-direction:column;margin:10px 0 4px;padding:12px 18px;border-radius:16px;background:linear-gradient(135deg,#7f1d1d,#b91c1c);box-shadow:0 0 0 3px #FFD21F,0 14px 30px -10px rgba(0,0,0,.6)}
.ld-worth b{font-size:1.4rem;color:#FFD21F}.ld-worth span{font-size:.85rem;color:#fde68a}
.ld-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.ld-btn{background:linear-gradient(180deg,#FFE14D,#FFB400)!important;color:#1d1a12!important;box-shadow:0 10px 26px -8px rgba(255,180,0,.8)}
.ld-ghost{color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.ld-count{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.ld-count span{font-weight:800;color:#bcd0ff;margin-right:4px}
.ld-count div{min-width:62px;padding:8px 6px;border-radius:12px;background:#fff;color:#0b1f5c;text-align:center}
.ld-count div b{display:block;font-size:1.4rem;line-height:1}.ld-count div small{font-size:.7rem;font-weight:700;color:#475569}
.ld-art{position:relative}
.ld-ring{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.55),transparent 65%);animation:ldGlow 3s ease-in-out infinite}
@keyframes ldGlow{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
.ld-bike{position:relative;width:100%;height:auto;border-radius:28px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);animation:ldRide 4s ease-in-out infinite}
@keyframes ldRide{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
.ld-tag{position:absolute;right:-6px;top:10%;padding:10px 14px;border-radius:14px;background:#FFD21F;color:#111;font-weight:900;transform:rotate(8deg);box-shadow:0 10px 20px -8px rgba(0,0,0,.6);animation:ldWig 1.8s ease-in-out infinite}
@keyframes ldWig{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-2deg) scale(1.06)}}
.ld-off{max-width:640px;margin:0 auto;text-align:center;padding:30px;border-radius:20px;background:#fff;box-shadow:0 14px 34px -20px rgba(0,0,0,.35)}
.ld-prizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.ld-prize{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 18px;border-radius:20px;background:#fff;box-shadow:0 14px 30px -20px rgba(0,0,0,.4);border:2px solid #fde68a;transition:transform .25s}
.ld-prize:hover{transform:translateY(-6px) rotate(-1deg)}
.ld-prize .e{font-size:2.4rem;display:inline-block;animation:ldBob 2.6s ease-in-out infinite}
.ld-prize:nth-child(2) .e{animation-delay:.3s}.ld-prize:nth-child(3) .e{animation-delay:.6s}.ld-prize:nth-child(4) .e{animation-delay:.9s}.ld-prize:nth-child(5) .e{animation-delay:1.2s}
@keyframes ldBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.ld-prize b{font-size:1.08rem}.ld-prize small{color:#6b6352}
.ld-prize.grand{grid-column:span 2;background:linear-gradient(135deg,#0b1f5c,#1d4ed8);color:#fff;border-color:#FFD21F}
.ld-prize.grand small{color:#bcd0ff}.ld-prize.grand::before{content:"GRAND PRIZE";position:absolute;top:12px;right:14px;font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#FFD21F}
@media(max-width:520px){.ld-prize.grand{grid-column:auto}}
.ld-steps{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ld-steps li{padding:18px;border-radius:18px;background:#fff;box-shadow:0 12px 26px -20px rgba(0,0,0,.4)}
.ld-steps span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#FFB400;font-weight:900;margin-bottom:8px}
.ld-steps b{display:block;font-size:1.05rem}.ld-steps p{margin:6px 0 0;color:#6b6352}
.ld-slot{display:flex;flex-direction:column;align-items:center;gap:8px}
.ld-slot small{font-weight:800;color:#6b6352}
.ld-digits{display:flex;gap:6px;padding:12px;border-radius:18px;background:#0b1f5c;box-shadow:inset 0 0 0 3px #FFD21F}
.ld-digits i{font-style:normal;display:grid;place-items:center;width:46px;height:62px;border-radius:10px;background:linear-gradient(180deg,#fff,#e5e7eb);font:900 2rem/1 'JetBrains Mono',ui-monospace,monospace;color:#0b1f5c}
.ld-digits i.roll{animation:ldRoll .12s linear infinite}
@keyframes ldRoll{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}100%{transform:translateY(-3px)}}
.ld-races{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ld-race{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:transform .2s}
.ld-race:hover{transform:translateY(-3px)}.ld-race b{font-size:1.05rem}.ld-race small{color:#6b6352}.ld-race em{font-style:normal;font-weight:800;color:#15803d;font-size:.82rem}
.ld-winners{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ld-win{padding:16px;border-radius:16px;background:#fff;border:2px solid #FFD21F;text-align:center}
.ld-win .e{font-size:2rem}.ld-win b{display:block}.ld-win code{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:8px;background:#0b1f5c;color:#FFD21F;font-weight:900}
.ld-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.ld-two{grid-template-columns:1fr}}
.ld-box{padding:20px;border-radius:20px;background:#fff;box-shadow:0 14px 30px -22px rgba(0,0,0,.4)}
.ld-box h3{margin:0 0 10px}
.ld-dates{list-style:none;padding:0;margin:0}.ld-dates li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.12)}
.ld-terms{margin:0;padding-left:20px;color:#3f3a2c}.ld-terms li{margin:4px 0}
.ld-final{text-align:center;margin-top:26px}
.ld-final-btn{display:inline-block;padding:16px 30px;border-radius:999px;background:linear-gradient(180deg,#FFE14D,#FFB400);color:#111;font-weight:900;font-size:1.15rem;text-decoration:none;box-shadow:0 14px 30px -10px rgba(255,180,0,.8);animation:ldPop 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.ld-big,.ld-bike,.ld-ring,.ld-tag,.ld-prize .e,.ld-final-btn,.ld-flags,.ld-digits i.roll{animation:none!important}}
.ld-ghost{background:rgba(255,255,255,.12)!important}
.ld-ship{margin:14px 0 0;font-weight:700;color:#6b6352}