:root{--bg:#fafafb;--surface:#fff;--surface-2:#f5f4f9;--surface-3:#efeef5;--ink:#15131f;--ink-2:#3b3a4a;--muted:#76748a;--faint:#a2a0b2;--border:#ecebf1;--border-2:#e1e0ea;--violet:#6c4df6;--violet-600:#5b3cec;--violet-700:#4a2fcf;--violet-100:#e9e4fd;--violet-50:#f3f0fe;--violet-glow:#6c4df629;--green:#11a35b;--green-700:#0c7e46;--green-50:#e7f6ee;--red:#e5484d;--amber:#c77d1a;--blue:#2e72e0;--shadow-xs:0 1px 2px #1412280d;--shadow-sm:0 1px 2px #1412280f, 0 1px 1px #1412280a;--shadow-md:0 6px 20px #1c183c12, 0 1px 3px #1412280d;--shadow-lg:0 20px 48px #3c2ca021, 0 4px 14px #1c183c14;--shadow-violet:0 10px 26px #6c4df64d;--r-xl:22px;--r-lg:18px;--r-md:13px;--r-sm:9px;color:var(--ink-2);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(640px 480px at 78% -8%,#6c4df61a,#0000 70%),radial-gradient(520px 420px at 12% -6%,#6c4df60f,#0000 70%);position:fixed;inset:0}#root{flex-direction:column;min-height:100svh;display:flex}h1{letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:34px;font-weight:800;line-height:1.08}h2,h3{letter-spacing:-.02em;color:var(--ink);font-weight:800}p{margin:0}.page{width:100%;max-width:1120px;margin:0 auto;padding:36px 28px}.page--narrow{max-width:720px}.page-sub{color:var(--muted);margin-bottom:28px;font-size:15.5px;line-height:1.5}.eyebrow{background:var(--violet-50);color:var(--violet-700);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.money{font-variant-numeric:tabular-nums}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-size:11.5px;font-weight:700}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(160%);border-bottom:1px solid var(--border);background:#ffffffc7;align-items:center;gap:22px;height:66px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(150deg, #7a5cff, var(--violet-600));color:#fff;width:30px;height:30px;box-shadow:var(--shadow-violet);border-radius:9px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.brand-name{letter-spacing:-.02em;color:var(--ink);font-size:17px;font-weight:800}.nav-tabs{flex:1;gap:4px;display:flex}.nav-tab{color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.nav-tab:hover{background:var(--surface-2)}.nav-tab.active{background:var(--violet-50);color:var(--violet-700)}.balance-pill{border:1px solid var(--border-2);background:var(--surface);box-shadow:var(--shadow-xs);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;display:inline-flex}.balance-pill strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.avatar{background:linear-gradient(150deg, #7a5cff, var(--violet-600));color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-violet);border:none;border-radius:50%;font-family:inherit;font-size:15px;font-weight:700}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14.5px;font-weight:700;transition:box-shadow .15s,background .15s,transform .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:linear-gradient(150deg, #7a5cff, var(--violet-600));color:#fff;box-shadow:var(--shadow-violet)}.btn--primary:hover:not(:disabled){box-shadow:0 12px 32px #6c4df66b}.btn--ghost{background:var(--surface);color:var(--ink-2);border-color:var(--border-2);box-shadow:var(--shadow-xs)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--soft{background:var(--violet-50);color:var(--violet-700)}.btn--success{background:linear-gradient(155deg, #1c8f55, var(--green-700));color:#fff}.btn--danger{background:var(--surface);color:var(--red);border-color:var(--border-2);box-shadow:var(--shadow-xs)}.btn--sm{border-radius:10px;padding:7px 13px;font-size:13px}.btn--lg{padding:13px 22px;font-size:15.5px}.btn--block{width:100%}.btn--link{color:var(--violet-700);box-shadow:none;background:0 0;border:none;padding:4px 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:22px}.card+.card{margin-top:20px}.card--hover{transition:transform .16s,box-shadow .16s}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:0 0 16px;font-size:11.5px;font-weight:700}.field{text-align:left;flex-direction:column;flex:1;gap:6px;display:flex}.field-label{color:var(--muted);font-size:13px;font-weight:600}.input{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-xs);outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-glow)}.input:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none}.form{flex-direction:column;gap:16px;display:flex}.form-row{gap:14px;display:flex}.form-footer{align-items:center;gap:12px;display:flex}.note-success{color:var(--green-700);font-size:13.5px;font-weight:600}.note-error{color:var(--red);margin:0;font-size:13.5px;font-weight:600}.otp-row{justify-content:center;gap:9px;display:flex}.otp-input{text-align:center;font-variant-numeric:tabular-nums;width:48px;height:58px;color:var(--ink);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-xs);outline:none;font-family:inherit;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s}.otp-input:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-glow)}.toggle{background:var(--border-2);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:44px;height:26px;padding:3px;transition:background .16s;display:flex}.toggle[aria-checked=true]{background:var(--violet)}.toggle-knob{width:20px;height:20px;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;transition:transform .16s}.toggle[aria-checked=true] .toggle-knob{transform:translate(18px)}.list-row{border-bottom:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.list-row:last-of-type{border-bottom:none}.list-row-title{color:var(--ink);font-size:15px;font-weight:600}.list-row-sub{color:var(--muted);font-size:13.5px}.badge{border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge--sched{background:var(--violet-50);color:var(--violet-700)}.badge--live{color:var(--red);background:#fdeded}@media (prefers-reduced-motion:no-preference){.badge--live .badge-dot{animation:1.4s ease-in-out infinite pulse}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.badge--won{background:var(--green-50);color:var(--green-700)}.badge--lost{background:var(--surface-3);color:var(--muted)}.center-screen{flex:1;justify-content:center;align-items:center;min-height:100svh;padding:28px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 32px;display:flex}.auth-card h1{font-size:26px}.auth-card .form{width:100%;margin-top:16px}.panel-green{background:linear-gradient(155deg, #1c8f55, var(--green-700));color:#fff;border-radius:var(--r-lg);padding:22px;position:relative;overflow:hidden}.panel-green:after{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.panel-violet{color:#fff;border-radius:var(--r-lg);background:linear-gradient(155deg,#6c4df6,#3a22b8);padding:22px}.big-money{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}