@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-bg:#06060f;--color-surface:#0d0d1f;--color-surface-2:#12122a;--color-border:#8250ff2e;--color-border-glow:#8250ff73;--color-primary:#8250ff;--color-primary-2:#a07cff;--color-accent:#ff3cac;--color-accent-2:#ff7eb3;--color-gold:#ffd166;--color-gold-2:#ffe8a3;--color-success:#2de6a6;--color-danger:#ff4b6e;--color-text:#f0eeff;--color-text-muted:#8a84b0;--color-text-faint:#4a4570;--gradient-hero:linear-gradient(135deg, #1a0538 0%, #06060f 50%, #0d0020 100%);--gradient-card:linear-gradient(145deg, #8250ff14 0%, #ff3cac0d 100%);--gradient-btn:linear-gradient(135deg, #8250ff 0%, #ff3cac 100%);--gradient-gold:linear-gradient(135deg, #ffd166 0%, #ff9d4d 100%);--gradient-success:linear-gradient(135deg, #2de6a6 0%, #0eb87a 100%);--gradient-danger:linear-gradient(135deg, #ff4b6e 0%, #c0152e 100%);--shadow-glow:0 0 40px #8250ff40;--shadow-card:0 8px 40px #0009;--shadow-btn:0 4px 20px #8250ff80;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--font-main:"Inter", sans-serif;--font-alt:"Space Grotesk", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-gradient{background:var(--gradient-hero)}.bg-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bg-orb--purple{background:radial-gradient(circle,#8250ff2e 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float-orb;top:-150px;left:-100px}.bg-orb--pink{background:radial-gradient(circle,#ff3cac1f 0%,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite reverse float-orb;bottom:-100px;right:-80px}.bg-orb--blue{background:radial-gradient(circle,#5078ff1a 0%,#0000 70%);width:400px;height:400px;animation:6s ease-in-out infinite pulse-orb;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-orb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes pulse-orb{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);z-index:1;transition:var(--transition);position:relative}.card:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-card), var(--shadow-glow)}.btn{font-family:var(--font-alt);letter-spacing:.02em;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#ffffff14;transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn--primary{background:var(--gradient-btn);color:#fff;box-shadow:var(--shadow-btn)}.btn--primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 32px #8250ffa6,0 4px 16px #ff3cac66}.btn--primary:active{transform:translateY(-1px)scale(.99)}.btn--outline{color:var(--color-primary-2);border:1.5px solid var(--color-primary);background:0 0}.btn--outline:hover{background:#8250ff1f;transform:translateY(-2px)}.btn--lg{padding:20px 52px;font-size:1.125rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.badge--vip{color:var(--color-gold);background:linear-gradient(135deg,#ffd16626,#ffd16614);border:1px solid #ffd16666}.badge--live{color:var(--color-success);background:#2de6a61f;border:1px solid #2de6a659}.badge--live .dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.heading-xl{font-family:var(--font-alt);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1}.heading-lg{font-family:var(--font-alt);font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.2}.heading-md{font-family:var(--font-alt);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;line-height:1.3}.text-gradient{background:var(--gradient-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--color-text-muted)}.divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);height:1px;margin:32px 0}.spinner{border:3px solid #8250ff33;border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 32px;font-size:2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both pop-in;display:flex}.icon-circle--success{background:radial-gradient(circle,#2de6a633 0%,#0000 70%);border:2px solid #2de6a666;box-shadow:0 0 40px #2de6a64d}.icon-circle--danger{background:radial-gradient(circle,#ff4b6e33 0%,#0000 70%);border:2px solid #ff4b6e66;box-shadow:0 0 40px #ff4b6e4d}.icon-circle--waiting{background:radial-gradient(circle,#8250ff33 0%,#0000 70%);border:2px solid #8250ff66;box-shadow:0 0 40px #8250ff4d}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.progress-bar{background:#8250ff26;border-radius:999px;width:100%;height:4px;overflow:hidden}.progress-bar__fill{background:var(--gradient-btn);border-radius:999px;height:100%;transition:width .3s}.info-row{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.info-row+.info-row{border-top:1px solid var(--color-border)}.info-row__label{color:var(--color-text-muted);font-size:.875rem}.info-row__value{font-size:.9375rem;font-weight:600}@media (width<=640px){.container{padding:0 16px}.btn--lg{padding:16px 32px;font-size:1rem}}