.vip-auth{--vip-gold:#d4af37;--vip-gold-light:#f5e6b8;--vip-play:#c9a84c;--vip-play-light:#f0dfa0;--vip-emerald:#6ee7b7;--vip-abyss:#030810c7;--vip-radius:1.2rem;max-width:42rem;padding:.15rem 1rem calc(5.5rem + env(safe-area-inset-bottom,0px));margin:0 auto}.vip-auth--loading{place-items:center;min-height:55vh;display:grid}.vip-auth--play{--vip-accent:var(--vip-play);--vip-accent-light:var(--vip-play-light)}.vip-auth--leaderboard{--vip-accent:var(--vip-gold);--vip-accent-light:var(--vip-gold-light)}.vip-auth__hero{border:1px solid color-mix(in srgb, var(--vip-accent) 22%, #ffffff14);background:radial-gradient(ellipse 120% 90% at 50% -8%, color-mix(in srgb, var(--vip-accent) 16%, transparent), transparent 58%), var(--vip-abyss);text-align:center;border-radius:1.35rem;margin:.35rem 0 1.15rem;padding:1.35rem 1.15rem 1.2rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 28px 64px -36px #000000d1}.vip-auth__hero-glow{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--vip-accent) 28%, transparent), transparent 68%);filter:blur(24px);opacity:.55;pointer-events:none;height:70%;animation:7s ease-in-out infinite vip-auth-glow;position:absolute;inset:-30% 10% auto}@keyframes vip-auth-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.65;transform:scale(1.04)}}.vip-auth__hero-badge{border:1px solid color-mix(in srgb, var(--vip-accent) 42%, transparent);background:color-mix(in srgb, var(--vip-accent) 12%, transparent);letter-spacing:.14em;text-transform:uppercase;color:var(--vip-accent-light);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.45rem;padding:.28rem .65rem;font-size:.62rem;font-weight:800;display:inline-flex;position:relative}.vip-auth__hero-badge svg{width:.82rem;height:.82rem}.vip-auth__streak{color:#fdba74;background:#fb923c1a;border:1px solid #fb923c59;border-radius:999px;align-items:center;gap:.3rem;margin-inline-start:.45rem;padding:.22rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex;position:relative}.vip-auth__streak svg{width:.78rem;height:.78rem}.vip-auth__title{background:linear-gradient(135deg, #fff 8%, var(--vip-accent-light) 55%, var(--vip-accent) 92%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.35rem 0 .55rem;font-size:clamp(1.55rem,5.5vw,2.15rem);font-weight:900;line-height:1.2;position:relative}.vip-auth__lead{color:#ffffffb8;max-width:28rem;margin:0 auto;font-size:.88rem;line-height:1.78;position:relative}.vip-auth__fresh-line{color:#ffffffc7;border:1px dashed color-mix(in srgb, var(--vip-accent) 32%, transparent);background:color-mix(in srgb, var(--vip-accent) 6%, transparent);border-radius:.85rem;margin:1rem 0 0;padding:.75rem .85rem;font-size:.82rem;line-height:1.7;position:relative}.vip-auth__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:1.1rem 0 0;padding:0;display:grid;position:relative}.vip-auth__stats div{background:#0308108c;border:1px solid #ffffff17;border-radius:.85rem;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .4rem;display:flex}.vip-auth__stats dt{color:#ffffff8c;align-items:center;gap:.2rem;margin:0;font-size:.6rem;font-weight:700;display:inline-flex}.vip-auth__stats dt svg{width:.72rem;height:.72rem;color:var(--vip-accent)}.vip-auth__stats dd{color:var(--vip-accent-light);margin:0;font-size:1.15rem;font-weight:900}.vip-auth__stat--ghost dd{opacity:.45;filter:blur(2px)}.vip-auth__preview{border-radius:var(--vip-radius);border:1px solid color-mix(in srgb, var(--vip-accent) 18%, #ffffff12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0308109e;margin-bottom:1.1rem;padding:1.05rem 1rem 1rem}.vip-auth__preview-head{margin-bottom:.85rem}.vip-auth__preview-kicker{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--vip-accent) 75%, #fff);margin-bottom:.25rem;font-size:.62rem;font-weight:800;display:block}.vip-auth__preview-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.vip-auth__preview-desc{color:#ffffff9e;margin:0;font-size:.8rem;line-height:1.65}.vip-auth__quiz-stack{flex-direction:column;gap:.45rem;display:flex}.vip-auth__quiz-row{background:#0308107a;border:1px solid #ffffff14;border-radius:.85rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.7rem .75rem;display:grid}.vip-auth__quiz-num{color:#1a1206;background:linear-gradient(145deg, var(--vip-accent-light), var(--vip-accent));border-radius:999px;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.72rem;font-weight:800;display:flex}.vip-auth__quiz-text{color:#ffffffc7;margin:0;font-size:.78rem;line-height:1.55}.vip-auth__quiz-lock{width:1.75rem;height:1.75rem;color:color-mix(in srgb, var(--vip-accent) 80%, #fff);background:color-mix(in srgb, var(--vip-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--vip-accent) 28%, transparent);border-radius:.55rem;justify-content:center;align-items:center;display:flex}.vip-auth__quiz-lock svg{width:.9rem;height:.9rem}.vip-auth__preview-ribbon{color:var(--vip-emerald);border:1px solid color-mix(in srgb, var(--vip-emerald) 28%, transparent);background:color-mix(in srgb, var(--vip-emerald) 8%, transparent);border-radius:.75rem;align-items:center;gap:.45rem;margin-top:.75rem;padding:.55rem .7rem;font-size:.74rem;font-weight:700;line-height:1.5;display:flex}.vip-auth__preview-ribbon svg{flex-shrink:0;width:1rem;height:1rem}.vip-auth__podium-wrap{border-radius:.95rem;min-height:11rem;margin-top:.35rem;padding:.5rem 0 .25rem;position:relative;overflow:hidden}.vip-auth__podium{filter:blur(5px)saturate(.7);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;gap:.45rem;padding:0 .5rem .75rem;display:flex}.vip-auth__podium-slot{border:1px solid color-mix(in srgb, var(--vip-gold) 22%, transparent);background:#0a1622b3;border-radius:.85rem .85rem .35rem .35rem;flex-direction:column;align-items:center;gap:.25rem;width:28%;padding:.55rem .35rem .65rem;display:flex}.vip-auth__podium-slot--tall{border-color:color-mix(in srgb, var(--vip-gold) 45%, transparent);background:radial-gradient(ellipse 100% 80% at 50% 0%, color-mix(in srgb, var(--vip-gold) 18%, transparent), transparent 70%), #1a1206a6;min-height:7.5rem}.vip-auth__podium-slot--mid{min-height:5.8rem}.vip-auth__podium-slot--low{min-height:4.6rem}.vip-auth__podium-rank{color:var(--vip-gold-light);font-size:.62rem;font-weight:800}.vip-auth__podium-medal{width:1.1rem;height:1.1rem;color:var(--vip-gold)}.vip-auth__podium-name,.vip-auth__podium-pts{letter-spacing:.08em;color:#ffffff73;font-size:.62rem}.vip-auth__vault-lock{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(90% 80%,#0308108c,#030810e0);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex;position:absolute;inset:0}.vip-auth__vault-lock svg:first-child{width:1.35rem;height:1.35rem;color:var(--vip-gold-light)}.vip-auth__vault-lock svg:last-of-type{width:.85rem;height:.85rem;color:var(--vip-gold);opacity:.7}.vip-auth__vault-lock-title{color:#fff;margin:.15rem 0 0;font-size:.92rem;font-weight:800}.vip-auth__vault-lock-desc{color:#ffffffa6;max-width:16rem;margin:0;font-size:.76rem;line-height:1.65}.vip-auth__vault-stats{flex-wrap:wrap;gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.vip-auth__vault-stats li{color:#ffffffb8;background:#03081073;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.vip-auth__vault-stats svg{width:.78rem;height:.78rem;color:var(--vip-gold)}.vip-auth__tiles{margin-bottom:.85rem}.vip-auth__tiles-title{color:#ffffffe0;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.vip-auth__tile-grid{grid-template-columns:1fr;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px){.vip-auth__tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.vip-auth__tile{border:1px solid color-mix(in srgb, var(--vip-accent) 14%, #ffffff0f);background:#03081085;border-radius:.85rem;flex-direction:column;gap:.2rem;padding:.7rem .75rem;display:flex}.vip-auth__tile-title{color:color-mix(in srgb, var(--vip-accent-light) 88%, #fff);font-size:.78rem;font-weight:800}.vip-auth__tile-desc{color:#ffffff94;font-size:.72rem;line-height:1.6}.vip-auth__warn{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf2447;border-radius:.8rem;margin:0 0 1rem;padding:.65rem .75rem;font-size:.74rem;line-height:1.65}.vip-auth__cta-stack{flex-direction:column;gap:.65rem;display:flex}.vip-auth__actions{flex-direction:column;gap:.5rem;display:flex}@media (min-width:420px){.vip-auth__actions{flex-direction:row}.vip-auth__actions .vip-auth__cta{flex:1}}.vip-auth__cta{border-radius:.95rem;justify-content:center;align-items:center;min-height:2.85rem;padding:.65rem 1rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.vip-auth__cta--gold{color:#1a1206;background:linear-gradient(145deg, var(--vip-accent-light), var(--vip-accent));box-shadow:0 0 0 1px color-mix(in srgb, var(--vip-accent) 35%, transparent) inset, 0 12px 32px -12px color-mix(in srgb, var(--vip-accent) 65%, transparent)}.vip-auth__cta--gold:hover{box-shadow:0 0 0 1px #ffffff40 inset, 0 16px 40px -10px color-mix(in srgb, var(--vip-accent) 75%, transparent);transform:translateY(-2px)}.vip-auth__cta--outline{color:#ffffffeb;background:#03081066;border:1px solid #ffffff2e}.vip-auth__cta--outline:hover{border-color:color-mix(in srgb, var(--vip-accent) 45%, transparent);background:color-mix(in srgb, var(--vip-accent) 8%, transparent)}.vip-auth__keep{color:inherit;background:#03081080;border:1px solid #ffffff1a;border-radius:.95rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.vip-auth__keep:hover{border-color:color-mix(in srgb, var(--vip-accent) 32%, transparent);transform:translateY(-1px)}.vip-auth__keep-icon{width:2rem;height:2rem;color:var(--vip-accent-light);background:color-mix(in srgb, var(--vip-accent) 12%, transparent);border-radius:.65rem;justify-content:center;align-items:center;display:flex}.vip-auth__keep-icon svg{width:1rem;height:1rem}.vip-auth__keep-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.vip-auth__keep-title{font-size:.82rem;font-weight:800}.vip-auth__keep-hint{color:#ffffff94;font-size:.72rem;line-height:1.45}.vip-auth__keep-arrow{width:1rem;height:1rem;color:color-mix(in srgb, var(--vip-accent) 75%, #fff)}.vip-auth__skip{color:#ffffff7a;align-self:center;padding:.35rem .5rem;font-size:.72rem;font-weight:600;text-decoration:none}.vip-auth__skip:hover{color:#ffffffc7}@media (min-width:720px){.vip-auth{padding-bottom:3rem}}@media (prefers-reduced-motion:reduce){.vip-auth__hero-glow{animation:none}}