*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070711;--bg-surface: rgba(255, 255, 255, .03);--bg-surface-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .15);--text: #f1f1f5;--text-muted: rgba(241, 241, 245, .45);--text-subtle: rgba(241, 241, 245, .25);--purple: #7c3aed;--purple-light: #a78bfa;--purple-glow: rgba(124, 58, 237, .25);--red: #ef4444;--red-light: #fca5a5;--red-glow: rgba(239, 68, 68, .25);--blue: #3b82f6;--blue-glow: rgba(59, 130, 246, .25);--green: #10b981;--gold: #f59e0b;--radius-sm: 8px;--radius: 16px;--radius-lg: 24px;--font-body: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.gradient-text{background:linear-gradient(135deg,var(--purple-light) 0%,#c084fc 50%,var(--red-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.01em;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:10px 20px;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--purple) 0%,#9333ea 100%);color:#fff;box-shadow:0 0 20px var(--purple-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 35px var(--purple-glow),0 10px 30px #0000004d}.btn-danger{background:linear-gradient(135deg,var(--red) 0%,#dc2626 100%);color:#fff;box-shadow:0 0 20px var(--red-glow)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 35px var(--red-glow),0 10px 30px #0000004d}.btn-ghost{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);border-color:var(--border-hover)}.btn-lg{font-size:1rem;padding:14px 28px;border-radius:var(--radius)}.input{width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--font-body);font-size:.95rem;color:var(--text);outline:none;transition:var(--transition)}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glow)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active{transition:all .25s ease}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.page-enter-active{transition:all .45s cubic-bezier(.4,0,.2,1)}.page-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(16px)}.page-leave-to{opacity:0;transform:translateY(-16px)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid}.badge-coming{background:#fbbf241a;color:var(--gold);border-color:#fbbf2433}.badge-active{background:#10b9811a;color:var(--green);border-color:#10b98133}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes border-spin{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}