:root{--bg0:#070a12;--bg1:#0b1020;--card:#101a33cc;--card2:#0e1530cc;--stroke:rgba(255,255,255,.12);--text:#eaf0ff;--muted:rgba(234,240,255,.72);--muted2:rgba(234,240,255,.56);--accent:#8b5cf6;--accent2:#22c55e;--shadow: 0 20px 60px rgba(0,0,0,.55);--shadow2: 0 12px 30px rgba(0,0,0,.45);--radius: 22px;--radius2: 18px;--max: 1040px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 20% 10%,rgba(139,92,246,.18),transparent 55%),radial-gradient(900px 600px at 85% 30%,rgba(34,197,94,.12),transparent 60%),radial-gradient(900px 700px at 50% 110%,rgba(56,189,248,.1),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow-x:hidden}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.bgDecor{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;background:radial-gradient(600px 220px at 50% 0%,rgba(255,255,255,.06),transparent 70%),radial-gradient(800px 320px at 50% 100%,rgba(255,255,255,.05),transparent 70%);filter:blur(0px);opacity:.9}.topbar{width:100%;max-width:var(--max);margin:0 auto;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brandDot{width:12px;height:12px;border-radius:999px;background:conic-gradient(from 180deg,var(--accent),#60a5fa,var(--accent2),var(--accent));box-shadow:0 0 0 6px #ffffff0a,0 8px 18px #00000059}.brandText{min-width:0}.brandTitle{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#eaf0ffd1}.brandSub{margin-top:4px;font-size:13px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.statPill{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:999px;background:#101a3366;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000040;flex:0 0 auto}.statLabel{font-size:12px;color:var(--muted2)}.statValue{font-size:14px;font-weight:700;letter-spacing:.02em;color:#eaf0ffeb}.main{width:100%;max-width:var(--max);margin:0 auto;padding:10px 18px 26px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.stage{width:100%;display:flex;justify-content:center}.stageInner{width:min(420px,100%);position:relative;padding:14px 0 10px}.confettiLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7}.confettiPiece{position:absolute;transform:translate(-50%,-50%) rotate(var(--r)) translateZ(0);transform-origin:50% 50%;opacity:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));will-change:transform,opacity;animation-name:confettiFly;animation-timing-function:cubic-bezier(.18,.9,.2,1);animation-fill-mode:forwards}@keyframes confettiFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translateZ(0)}10%{opacity:1}60%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--r) + 420deg)) translate3d(var(--dx),var(--dy1),0)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--r) + 760deg)) translate3d(var(--dx),var(--dy2),0)}}.surpriseLayer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;z-index:5}.surprise{width:min(320px,86vw);margin-top:-10px;transform-origin:50% 70%;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}.surpriseFrame{border-radius:18px;overflow:hidden;background:#080c1aa6;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow2)}.surpriseImg{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.surpriseBadge{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.02em;padding:8px 12px;border-radius:999px;background:#8b5cf633;border:1px solid rgba(139,92,246,.35);color:#eaf0fff2;margin:0 0 10px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.surprise--hide{opacity:0;transform:translateY(16px) scale(.92) rotate(-1deg)}.surprise--show{opacity:1;transform:translateY(0) scale(1) rotate(0);animation:popIn .52s cubic-bezier(.18,.9,.18,1.15)}.surprise--reduced.surprise--show{animation:none}@keyframes popIn{0%{opacity:0;transform:translateY(18px) scale(.9) rotate(-2deg)}60%{opacity:1;transform:translateY(-6px) scale(1.02) rotate(.3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.cardButton{width:min(360px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:linear-gradient(180deg,#101a338c,#101a3361);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);cursor:pointer;padding:12px;position:relative;overflow:hidden;transition:transform .12s ease,border-color .18s ease,background .18s ease;z-index:1}.cardButton:focus-visible{outline:none;box-shadow:0 0 0 4px #8b5cf640,var(--shadow);border-color:#8b5cf673}.cardButton:hover{border-color:#ffffff38;transform:translateY(-1px)}.cardButton:active{transform:translateY(1px) scale(.995)}.cardButtonInner{display:grid;grid-template-columns:1fr;gap:12px}.cardImgWrap{position:relative;border-radius:var(--radius2);overflow:hidden;background:#080c1a8c;border:1px solid rgba(255,255,255,.12)}.cardImg{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.shine{position:absolute;top:-60%;right:-40%;bottom:-60%;left:-40%;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.16),transparent 60%);transform:translate(-30%);opacity:.55;pointer-events:none;animation:shineMove 3.6s ease-in-out infinite}@keyframes shineMove{0%{transform:translate(-45%) rotate(0);opacity:.25}45%{opacity:.65}to{transform:translate(45%) rotate(0);opacity:.25}}.cardText{text-align:center;padding:0 6px 2px}.cardTitle{font-weight:900;font-size:20px;letter-spacing:.02em;text-transform:uppercase;line-height:1.15;margin-bottom:6px}.cardHint{font-size:13px;color:var(--muted);line-height:1.35}.pressHint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:6px;opacity:.6}.pressHint .dot{width:6px;height:6px;border-radius:999px;background:#eaf0ff8c;animation:dotPulse 1.1s ease-in-out infinite}.pressHint .dot:nth-child(2){animation-delay:.15s}.pressHint .dot:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:.9}}.mobileTip{margin-top:12px;text-align:center;color:#eaf0ff8c;font-size:12px}.footer{width:100%;max-width:var(--max);margin:0 auto;padding:14px 18px 20px;display:flex;justify-content:center;gap:10px;color:#eaf0ff80;font-size:12px;position:relative;z-index:2}.footer .sep{opacity:.4}@media (min-width: 720px){.brandSub{max-width:520px}.stageInner{padding-top:18px}.cardButton{padding:14px;width:min(380px,100%)}.cardTitle{font-size:22px}.surprise{width:min(340px,360px);margin-top:-14px}}@media (prefers-reduced-motion: reduce){.shine,.pressHint .dot{animation:none!important}.cardButton{transition:none}.confettiPiece{animation:none!important;opacity:0!important}}