*{ margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --orange: #FF6F00; --amber: #FFB300; --gold: #FFD700;
  --dark: #1A0E00; --darker: #0D0800; --cream: #FFF8E1;
  --white: #ffffff;
  --green: #00E676; --green-dark: #003D00; --green-dark-bg: #0d3d00; --green-light-bg: #155d0e; --green-bright: #00C853; --green-pale: #69F0AE; --green-whatsapp: #25D366;
  --green-pri-winner: #1A0E00; --green-pwi-clay: #1a0e00; --green-pwi-won-bg: #1a0000; --green-pwi-won-mid: #300000;
  --red: #FF3B3B; --red-dark: #1a0000; --red-mid: #300000;
  --hero-end: #4A1C00; --ticket-bg: #2B1700; --ticket-bg2: #3D2200;
  --ticket-border: rgba(255,111,0,.4); --ticket-gold-line: rgba(255,215,0,.18);
  --draw-card-border: rgba(255,111,0,.32); --draw-card-shadow: rgba(255,111,0,.28); --draw-card-hover-shadow: rgba(255,111,0,.3); --result-box-shadow: rgba(255,215,0,.55);
  --pwi-border-gold: rgba(255,215,0,.45); --pwi-border-gold3: rgba(255,215,0,.3);
  --pwi-ticket-shadow: rgba(0,230,118,.45); --user-won-shadow-1: rgba(255,59,59,.45); --user-won-shadow-2: rgba(255,59,59,.2);
  --pwi-name: #FFD700; --pwc-badge-dark: #1A0E00; --logo-border: rgba(255,111,0,.4);
  --teal: #009688; --teal-light: #4DB6AC;
  --blue: #2196F3; --blue-light: #42A5F5;
  --purple: #9C27B0; --purple-light: #BA68C8;
  --pink: #E91E63; --pink-light: #F06292;
  --soft-gray: rgba(255,255,255,.65);
  --white-60: rgba(255,255,255,.6);
  --white-45: rgba(255,255,255,.45);
  --white-30: rgba(255,255,255,.3);
  --white-8:  rgba(255,255,255,.08);
  --white-18: rgba(255,255,255,.18);
  --amber-10:  rgba(255,179,0,.1);
  --amber-40:  rgba(255,179,0,.4);
  --amber-black-10: rgba(255,111,0,.18);
  --amber-black-28: rgba(255,111,0,.28);
  --gold-14:   rgba(255,215,0,.14);
  --gold-55:   rgba(255,215,0,.55);
  --gold-18:   rgba(255,215,0,.18);
  --gold-45:   rgba(255,215,0,.45);
  --green-glow: rgba(0,230,118,.6);
  --black-45: rgba(0,0,0,.45);
  --black-35: rgba(0,0,0,.35);
  --black-30: rgba(0,0,0,.3);
  --black-5: rgba(0,0,0,.5);
  --rank3-dark: #2B1700;
  --tier5-dark: #0a1628; --tier5-dark2: #0f2040;
  --tier6-dark: #160326; --tier6-dark2: #251048;
  --tier7-dark: #1e0612; --tier7-dark2: #2e0e1e;
  --tier8-dark2: #0a3028;
  --live-red: #FF3B3B;
  --orange-glow: rgba(255,111,0,.35);
  --gold-glow: rgba(255,215,0,.55);
  --gold-glow-20: rgba(255,215,0,.35);
  --wa-glow-1: rgba(37,211,102,.55);
  --wa-glow-2: rgba(37,211,102,.75);
  --white-38: rgba(255,255,255,.38);
  --footer-disclaimer: rgba(255,255,255,.3);
  --footer-tax-bg: rgba(255,179,0,.1);
  --footer-tax-border: rgba(255,179,0,.4);
}
/* ─────────────────────────────────────────────
   index.php / result.php shared rules
   ───────────────────────────────────────────── */

/* page base (used by .result-section in result.php) */
body { font-family: 'Poppins', sans-serif; background: var(--darker); color: var(--white); min-height: 100vh; overflow-x: hidden; }

/* ── Header ── */
.site-header {
  background: linear-gradient(135deg, var(--dark), var(--orange));
  box-shadow: 0 4px 30px var(--orange-glow);
  position: sticky; top: 0; z-index: 1030;
}
.site-header .nav-link { color: var(--cream) !important; font-weight: 600; margin-left: 1rem; }
.site-header .nav-link.active { color: var(--gold) !important; }
.logo-text { font-size: 1.4rem; font-weight: 800; color: var(--gold); text-shadow: 0 0 12px var(--gold-55); }
.logo-text span { color: var(--white); }

/* ── Hero ── */
.hero-section {
  background: linear-gradient(160deg, var(--darker) 0%, var(--dark) 40%, var(--hero-end));
  padding: 56px 0 40px; text-align: center;
}
.result-heading {
  font-size: clamp(1.2rem,5vw,2.1rem); font-weight: 800; color: var(--gold);
  text-shadow: 0 0 20px var(--gold-glow-20); margin-bottom: 8px;
}
.gold-line { height: 4px; background: linear-gradient(90deg,var(--orange),var(--gold),var(--orange)); border-radius: 2px; display: inline-block; }

/* ── Logo Banner ── */
.logo-banner {
  display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 28px;
}
.logo-banner img { height: 56px; border-radius: 14px; box-shadow: 0 6px 28px var(--gold-55); border: 2px solid var(--logo-border); }
.logo-label { font-size: 1.1rem; font-weight: 700; color: var(--amber); text-transform: uppercase; letter-spacing: 3px; }

/* ── Ticket Card / Result Box ── */
.ticket-card {
  background: linear-gradient(145deg, var(--ticket-bg), var(--ticket-bg2));
  border: 3px solid var(--orange); border-radius: 26px;
  max-width: 560px; margin: 20px auto 0; padding: 32px 28px 28px;
  box-shadow: 0 0 60px var(--draw-card-shadow), inset 0 1px 0 var(--ticket-gold-line);
}
.result-box {
  background: var(--black-5); border: 2px solid var(--gold); border-radius: 18px;
  padding: 24px 18px 20px; margin-bottom: 6px;
}
.result-label { font-size: .7rem; font-weight: 700; color: var(--amber); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; }
.lottery-name { font-size: .88rem; font-weight: 600; color: var(--cream); margin-bottom: 8px; }
.draw-num { font-size: clamp(1.7rem,6vw,2.6rem); font-weight: 800; color: var(--gold); letter-spacing: 6px; text-shadow: 0 0 24px var(--result-box-shadow); }
.draw-prefix { font-size: .95rem; color: var(--amber); letter-spacing: 2px; margin-bottom: 5px; }

/* ── Form ── */
.mobile-input {
  width: 100%; padding: 15px 18px;
  background: var(--black-45); border: 2px solid var(--ticket-border);
  border-radius: 12px; color: var(--white); font-family: 'Poppins',sans-serif;
  font-size: 1rem; font-weight: 600; letter-spacing: 2px;
  outline: none; transition: border-color .3s, box-shadow .3s;
}
.mobile-input:focus { border-color: var(--gold) !important; box-shadow: 0 0 16px var(--gold-18) !important; }
.check-btn {
  width: 100%; padding: 16px 40px;
  background: linear-gradient(135deg,var(--orange),var(--amber));
  color: var(--white); font-size: 1rem; font-weight: 700;
  text-transform: uppercase; border: none; border-radius: 14px; cursor: pointer;
  box-shadow: 0 8px 28px var(--draw-card-shadow); transition: transform .18s, box-shadow .25s;
}
.check-btn:hover { transform: translateY(-3px); box-shadow: 0 14px 40px var(--gold-55); color: var(--white); }

/* ── Draw Results Section ── */
.draw-section { background: var(--darker); border-top: 1px solid var(--amber-black-28); padding: 54px 0 60px; }
.draw-heading { font-size: 1.3rem; font-weight: 700; color: var(--gold); text-shadow: 0 0 16px var(--gold-14); }
.caveat-text  { font-size: .7rem; color: var(--white-30); max-width: 600px; margin: 24px auto 0; line-height: 1.65; }
.disclaimer-text { font-size: .7rem; color: var(--footer-disclaimer); }

/* ── Draw Cards ── */
.draw-card {
  background: linear-gradient(145deg, var(--ticket-bg), var(--ticket-bg2));
  border: 1.5px solid var(--draw-card-border); border-radius: 16px;
  padding: 20px 14px 18px; text-align: center;
  transition: transform .2s, border-color .2s, box-shadow .2s; cursor: default;
  height: 100%;
}
.draw-card:hover { transform: translateY(-5px); border-color: var(--gold); box-shadow: 0 8px 28px var(--draw-card-hover-shadow); }
.draw-card .dc-date { font-size: .7rem; color: var(--amber); font-weight: 700; margin-bottom: 6px; }
.draw-card .dc-name { font-size: .82rem; font-weight: 700; color: var(--cream); margin-bottom: 5px; }
.draw-card .dc-num  { font-size: 1.4rem; font-weight: 800; color: var(--gold); letter-spacing: 3px; text-shadow: 0 0 12px var(--draw-card-shadow); }

header { background: linear-gradient(135deg, var(--dark), var(--orange)); padding: 16px 40px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; box-shadow: 0 4px 30px var(--orange-glow); }
.logo { font-size: 1.35rem; font-weight: 800; color: var(--gold); letter-spacing: 1px; text-shadow: 0 0 12px var(--gold-55); }
.logo span { color: var(--white); }
nav a { color: var(--cream); text-decoration: none; font-weight: 600; font-size: .9rem; margin-left: 24px; transition: color .25s; }
nav a:hover { color: var(--gold); }
.result-section { text-align: center; padding: 56px 20px 60px; background: linear-gradient(160deg, var(--darker) 0%, var(--dark) 40%, var(--hero-end)); }
.result-heading { font-size: clamp(1.35rem, 5vw, 2.3rem); font-weight: 800; color: var(--gold); margin-bottom: 10px; text-shadow: 0 0 20px var(--gold-glow-20); }
.winner-card { display: none; max-width: 560px; margin: 36px auto 0; border-radius: 24px; padding: 38px 36px 34px; background: linear-gradient(145deg, var(--green-dark-bg), var(--green-light-bg), var(--green-dark-bg)); border: 3px solid var(--green); box-shadow: 0 0 70px var(--white-particles), 0 20px 50px var(--black-5); position: relative; overflow: hidden; animation: winnerPopIn .7s cubic-bezier(.23,1,.32,1) both; }
.winner-card.show { display: block; }
@keyframes winnerPopIn { from { transform: scale(.65) translateY(40px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } }
.winner-card::before { content: ''; position: absolute; top: 0; left: -60%; width: 220%; height: 4px; background: linear-gradient(90deg, transparent, var(--gold), var(--green), transparent); animation: shimmer 3s linear infinite; }
@keyframes shimmer { to { left: 60%; } }
.wc-trophies { font-size: 2.8rem; margin-bottom: 4px; }
.wc-title { font-size: 1.35rem; font-weight: 800; color: var(--green); text-shadow: 0 0 18px var(--white-particles); margin-bottom: 6px; }
.wc-phone { font-size: .82rem; color: var(--soft-gray); margin-bottom: 18px; }
.wc-phone strong { color: var(--gold); }
.wc-ticket-box { background: var(--black-45); border: 2px solid var(--gold-45); border-radius: 18px; padding: 22px 20px 18px; margin-bottom: 18px; }
.wc-ticket-label { font-size: .72rem; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; }
.wc-ticket-num { font-size: clamp(1.8rem, 6vw, 2.6rem); font-weight: 800; color: var(--white); letter-spacing: 5px; background: linear-gradient(90deg, var(--gold), var(--orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.wc-prize-row { display: flex; align-items: center; justify-content: space-between; background: var(--gold-18); border: 1.5px solid var(--gold-45); border-radius: 16px; padding: 16px 22px; margin-bottom: 12px; }
.wc-prize-left { text-align: left; flex: 1; min-width: 0; }
.wc-prize-name { font-size: .88rem; font-weight: 700; color: var(--cream); }
.wc-prize-count { font-size: .72rem; color: var(--amber); font-weight: 600; margin-top: 2px; }
.wc-prize-amt { font-size: 1.7rem; font-weight: 800; color: var(--gold); text-shadow: 0 0 14px var(--gold-55); }
.wc-you-won { display: inline-block; background: linear-gradient(90deg,var(--green-bright),var(--green)); color: var(--green-dark); font-size: .72rem; font-weight: 700; padding: 5px 12px; border-radius: 20px; }
.wc-live-badge { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(90deg,var(--live-red),var(--orange)); color: var(--white); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 5px 14px; border-radius: 20px; animation: livePulse 1.5s infinite; margin-top: 8px; }
.live-dot { width: 8px; height: 8px; background: var(--white); border-radius: 50%; animation: liveBlink 1s infinite; }
@keyframes livePulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.05);} }
@keyframes liveBlink { 0%,100%{opacity:1;} 50%{opacity:0;} }
.wc-tax-note { font-size: .76rem; color: var(--white-60); line-height: 1.65; background: var(--black-30); border-radius: 10px; padding: 10px 14px; }
.wc-tax-note strong { color: var(--gold); }
.prizes-section { margin-top: 44px; }
.prize-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 18px; max-width: 1080px; margin: 0 auto; padding: 0 14px; }
.tier-box { border-radius: 22px; position: relative; overflow: hidden; transition: transform .22s, box-shadow .22s; }
.tier-box:hover { transform: translateY(-5px); }
.tier-box::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; }
.tier-box.rank-1::after { background: linear-gradient(90deg, var(--green-bright), var(--green), var(--green-pale)); }
.tier-box.rank-2::after { background: linear-gradient(90deg, var(--green), var(--green-light-bg)); }
.tier-box.rank-3::after { background: linear-gradient(90deg, var(--gold), var(--amber), var(--orange)); }
.tier-box.rank-4::after { background: linear-gradient(90deg, var(--orange), var(--amber-18)); }
.tier-box.rank-5::after { background: linear-gradient(90deg, var(--blue), var(--blue-light)); }
.tier-box.rank-6::after { background: linear-gradient(90deg, var(--purple), var(--purple-light)); }
.tier-box.rank-7::after { background: linear-gradient(90deg, var(--pink), var(--pink-light)); }
.tier-box.rank-8::after { background: linear-gradient(90deg, var(--teal), var(--teal-light)); }
.tier-box.rank-1 { background: linear-gradient(145deg, var(--green-dark), var(--green-dark-bg)); border: 2px solid var(--green-bright); }
.tier-box.rank-2 { background: linear-gradient(145deg, var(--green-dark-bg), var(--green-light-bg)); border: 2px solid var(--green); }
.tier-box.rank-3 { background: linear-gradient(145deg, var(--dark), var(--rank3-dark)); border: 2px solid var(--gold); }
.tier-box.rank-4 { background: linear-gradient(145deg, var(--dark), var(--rank3-dark)); border: 2px solid var(--orange); }
.tier-box.rank-5 { background: linear-gradient(145deg, var(--tier5-dark), var(--tier5-dark2)); border: 2px solid var(--blue); }
.tier-box.rank-6 { background: linear-gradient(145deg, var(--tier6-dark), var(--tier6-dark2)); border: 2px solid var(--purple); }
.tier-box.rank-7 { background: linear-gradient(145deg, var(--tier7-dark), var(--tier7-dark2)); border: 2px solid var(--pink); }
.tier-box.rank-8 { background: linear-gradient(145deg, var(--green-dark), var(--tier8-dark2)); border: 2px solid var(--teal); }
.tier-box.is-won { border-color: var(--green); box-shadow: 0 0 28px var(--gold-45); }
.tier-header { padding: 18px 20px 14px; text-align: center; }
.tier-name { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
.tier-amount { font-size: 1.6rem; font-weight: 800; margin-top: 4px; }
.tier-winners { font-size: .72rem; font-weight: 600; margin-top: 2px; }
.tier-tickets { background: var(--black-35); border-top: 1px solid var(--amber-black-10); padding: 14px 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; }
.ticket-chip { background: var(--white-8); border: 1px solid var(--white-18); border-radius: 10px; padding: 6px 14px; font-size: .95rem; font-weight: 700; letter-spacing: 2px; transition: background .2s, border-color .2s; }
.tier-box .winner-on-this-ticket { display: none; }
.tier-box.is-won .winner-on-this-ticket { display: block; position: absolute; top: 8px; right: 10px; background: var(--green); color: var(--green-dark); font-size: .64rem; font-weight: 700; padding: 3px 9px; border-radius: 10px; }
footer { background: var(--darker); border-top: 1px solid var(--amber-black-28); text-align: center; padding: 26px 24px; margin-top: 70px; font-size: .82rem; color: var(--white-45); }
footer strong { color: var(--amber); }
.disclaimer { max-width: 660px; margin: 12px auto 0; font-size: .72rem; color: var(--white-30); line-height: 1.65; }
.tax-note { max-width: 660px; margin: 12px auto 0; padding: 14px 18px; background: var(--amber-10); border: 1.5px solid var(--amber-40); border-radius: 12px; font-size: .78rem; color: var(--amber); font-weight: 500; }
.tax-note strong { color: var(--gold); }
.confetti { position: fixed; top: -10px; pointer-events: none; animation: confettiFall linear forwards; font-size: 1.4rem; z-index: 999; }
@keyframes confettiFall { to { top: 100vh; opacity: 0; transform: rotate(720deg); } }
.whatsapp-float { position: fixed; bottom: 28px; right: 28px; width: 58px; height: 58px; background: var(--green-whatsapp); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.9rem; color: var(--white); text-decoration: none; z-index: 9999; box-shadow: 0 6px 22px var(--wa-glow-1); transition: transform .2s, box-shadow .2s; }
.whatsapp-float:hover { transform: scale(1.15); box-shadow: 0 8px 24px var(--wa-glow-2); }
@media (max-width: 600px) { header { padding: 12px 18px; } .winner-card { padding: 28px 20px 24px; } }

/* ── Past Prize Winners Section ── */
.pri-winners { background: linear-gradient(145deg, var(--green-pwi-clay), var(--rank3-dark)); border-top: 2px solid var(--pwi-border-gold3); padding: 54px 0 44px; }
.pri-section-title { font-size: clamp(1rem,3.5vw,1.45rem); font-weight: 800; color: var(--gold); text-shadow: 0 0 18px var(--gold-18); margin-bottom: 6px; }
.pri-badge-line { height: 3px; border-radius: 2px; display: inline-block; }
.pri-badge-line.stripe-1 { background: linear-gradient(90deg, var(--green-bright), var(--gold), var(--green-bright)); }
.pri-badge-line.stripe-2 { background: linear-gradient(90deg, var(--green), var(--gold), var(--green)); }
.pri-badge-line.stripe-3 { background: linear-gradient(90deg, var(--gold), var(--orange), var(--gold)); }
.pri-badge-60 { width: 60px; }
.pri-badge-80 { width: 80px; }
.pri-badge-100 { width: 100px; }
.pri-badge-140 { width: 140px; }
.pri-badge-180 { width: 180px; }
.pri-badge-200 { width: 200px; }
.pri-subtitle { font-size: .76rem; color: var(--amber); font-weight: 500; margin-bottom: 24px; }
.pri-winner-card {
  background: linear-gradient(145deg, var(--black-35), var(--dark));
  border: 2px solid var(--pwi-border-gold); border-radius: 18px;
  padding: 18px 14px 14px; text-align: center;
  display: flex; flex-direction: column; gap: 3px; position: relative; overflow: hidden;
  transition: transform .22s, box-shadow .22s, border-color .22s;
  word-break: break-word; height: 100%;
}
.pri-winner-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; }
.pri-winner-card.stripe-1::before { background: linear-gradient(90deg,var(--green-bright),var(--gold),var(--green-bright)); }
.pri-winner-card.stripe-2::before { background: linear-gradient(90deg,var(--green),var(--gold),var(--green)); }
.pri-winner-card.stripe-3::before { background: linear-gradient(90deg,var(--gold),var(--orange),var(--gold)); }
.pri-winner-card:hover { transform: translateY(-5px) scale(1.015); border-color: var(--gold); box-shadow: 0 8px 28px var(--draw-text-shadow-v2); }
.pwc-num      { font-size: .6rem; color: var(--amber); font-weight: 700; text-transform: uppercase; letter-spacing: .8px; }
.pwc-crown    { font-size: 1.3rem; margin-bottom: 2px; }
.pwc-date     { font-size: .6rem; color: var(--amber); text-transform: uppercase; letter-spacing: .8px; margin-bottom: 2px; }
.pwc-draw     { font-size: .7rem; font-weight: 600; color: var(--cream); margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwc-ticket   { font-size: clamp(.9rem,2.5vw,1.2rem); font-weight: 800; color: var(--green); letter-spacing: 2px; text-shadow: 0 0 10px var(--pwi-ticket-shadow); margin: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwc-amount   { font-size: .7rem; font-weight: 600; color: var(--green); margin-top: 3px; }
.pwc-location { font-size: .6rem; color: var(--white-45); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwc-name     { font-size: .76rem; font-weight: 700; color: var(--pwi-name); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwc-badge    {
  display: inline-block; background: linear-gradient(135deg, var(--gold), var(--orange));
  color: var(--pwc-badge-dark); font-size: .55rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .8px; padding: 2px 8px; border-radius: 20px; margin-top: 7px;
}

/* ── Site footer / disclaimer / tax-note ── */
.site-footer { border-top: 1px solid var(--amber-black-28); padding: 26px 24px; margin-top: 56px; font-size: .8rem; color: var(--white-45); }
.tax-note { max-width: 660px; margin: 12px auto 0; padding: 14px 18px; background: var(--amber-10); border: 1.5px solid var(--amber-40); border-radius: 12px; font-size: .78rem; color: var(--amber); font-weight: 500; }
.tax-note strong { color: var(--gold); }

/* ── WhatsApp wa-float (result.php variant) ── */
.wa-float {
  position: fixed; bottom: 28px; right: 28px; border-radius: 50%; display: flex; align-items: center;
  justify-content: center; font-size: 1.9rem; color: var(--white); text-decoration: none;
  z-index: 9999; box-shadow: 0 6px 22px var(--wa-glow-1);
  transition: transform .2s, box-shadow .2s;
}
.wa-float:hover { transform: scale(1.15); box-shadow: 0 10px 32px var(--wa-glow-2); color: var(--white); }
.btn-wa-inline { background: var(--green-whatsapp) !important; border: none !important; color: var(--white) !important; }
.wc-date { font-size: .75rem; color: var(--amber); margin-bottom: 8px; }
@keyframes shake { 0%,100%{transform:translateX(0)} 20%{transform:translateX(-8px)} 40%{transform:translateX(8px)} 60%{transform:translateX(-6px)} 80%{transform:translateX(6px)} }

/* ── User-won-card (result.php) ── */
.user-won-card {
  grid-column: 1 / -1; justify-self: stretch;
  background: linear-gradient(145deg, var(--red-dark), var(--red-mid), var(--red-dark));
  border: 3px solid var(--red); border-radius: 20px;
  padding: 22px 20px 20px; text-align: center;
  position: relative; overflow: hidden;
  animation: wonPopIn .6s cubic-bezier(.23,1,.32,1) both;
  box-shadow: 0 0 40px var(--user-won-shadow-1), 0 8px 28px var(--user-won-shadow-2);
}
.user-won-card::before {
  content:''; position:absolute; top:0; left:-60%;
  width:220%; height:4px;
  background: linear-gradient(90deg,transparent,var(--gold),var(--red),var(--green),transparent);
  animation: shimmer 3s linear infinite;
}
@keyframes wonPopIn { from { transform:scale(.8) translateY(30px); opacity:0; } to { transform:scale(1) translateY(0); opacity:1; } }
.uwc-label  { font-size:.68rem; font-weight:800; color:var(--red); text-transform:uppercase; letter-spacing:2px; margin-bottom:8px; }
.uwc-ticket { font-size:1.5rem; font-weight:800; color:var(--gold); letter-spacing:3px; text-shadow:0 0 18px var(--gold-55); margin-bottom:5px; }
.uwc-name   { font-size:.9rem;  font-weight:700; color:var(--orange); margin-bottom:2px; }
.uwc-amount { font-size:1rem;  font-weight:800; color:var(--green); margin-bottom:3px; }
.uwc-loc    { font-size:.7rem; color:var(--white-45); }
.uwc-badge  { display:inline-block; background:var(--red); color:var(--white); font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; padding:3px 12px; border-radius:20px; margin-top:8px; }

/* ── Shared utility classes ── */
.gold-text  { color: var(--gold); }
.amber-text { color: var(--amber); }
.gold-link  { color: var(--gold); text-decoration: none; font-weight: 600; }
.caveat-3rd { font-size: .7rem; color: var(--white-38); max-width: 600px; margin: 24px auto 0; line-height: 1.65; }
.pri-winners-pt { padding-top: 44px; }
.footer-disclaimer   { max-width: 680px; margin: 12px auto 0; font-size: .7rem; color: var(--footer-disclaimer); line-height: 1.65; }


#ticketForm input::placeholder{
  color: #ffffff;
  opacity: 0.8;
}
#ticketForm input{
  font-size: 10px;
}

.btn-check-status {
  background: linear-gradient(135deg, var(--orange), var(--amber));
  color: var(--white);
  border: none;
  border-radius: 14px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.25s;
  box-shadow: 0 4px 15px var(--orange-glow);
}

.btn-check-status:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px var(--amber-40);
}

.btn-wa-inline {
  background: linear-gradient(135deg, var(--green-whatsapp), #128c7e) !important;
  border: none !important;
  color: var(--white) !important;
  border-radius: 14px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 0.85rem;
  box-shadow: 0 4px 15px var(--wa-glow-1);
  transition: transform 0.2s, box-shadow 0.25s;
}

.btn-wa-inline:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px var(--wa-glow-2);
}