@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg-base:#060810;--bg-raised:#0b0e1c;--bg-overlay:#0f1224;--surface-1:#ffffff09;--surface-2:#ffffff0f;--surface-3:#ffffff17;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--border-glow:#6c5dd366;--text-primary:#edf0f7;--text-secondary:#9ba3b8;--text-tertiary:#535c75;--text-disabled:#363d52;--purple-400:#a78bfa;--purple-500:#8b7ff5;--purple-600:#6c5dd3;--purple-700:#4f3fbf;--blue-400:#7eb3fa;--blue-500:#5b96f7;--blue-600:#3a7bd5;--green:#3ecf8e;--amber:#f5a623;--red:#f56565;--grad-brand:linear-gradient(135deg,var(--purple-600)0%,#4060e8 55%,var(--blue-600)100%);--grad-text:linear-gradient(135deg,#c4b5fd 0%,#818cf8 40%,#93c5fd 100%);--grad-glow-purple:#6c5dd32e;--grad-glow-blue:#5b96f71f;--glow-brand:0 4px 24px #6c5dd36b;--glow-brand-lg:0 8px 40px #6c5dd38c;--font:"Inter",sans-serif;--mono:"JetBrains Mono",monospace;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0000008c;--shadow-xl:0 24px 64px #000000a6}html,body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}img{max-width:100%;display:block}.amb{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.amb-blob{filter:blur(130px);opacity:0;border-radius:50%;animation:1.2s forwards blobIn;position:absolute}@keyframes blobIn{to{opacity:1}}.blob-a{background:radial-gradient(circle,#4130c373 0%,#0000 65%);width:700px;height:700px;top:-280px;left:-200px}.blob-b{background:radial-gradient(circle,#1c55dc47 0%,#0000 65%);width:500px;height:500px;animation-delay:.3s;bottom:-180px;right:-140px}.blob-c{background:radial-gradient(circle,#5f3cd238 0%,#0000 65%);width:320px;height:320px;animation-delay:.55s;top:40%;left:58%}.stars{z-index:0;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 8% 14%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 88% 9%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 40% 72%,#ffffff73 0%,#0000 100%),radial-gradient(1.2px 1.2px at 72% 33%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 20% 84%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 58%,#ffffff47 0%,#0000 100%),radial-gradient(1px 1px at 93% 62%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 4% 52%,#ffffff47 0%,#0000 100%),radial-gradient(1px 1px at 50% 18%,#ffffff38 0%,#0000 100%),radial-gradient(1px 1px at 33% 38%,#fff3 0%,#0000 100%);position:fixed;inset:0}.topbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:0 0;justify-content:space-between;align-items:center;height:60px;padding:0 36px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.3px;font-size:15px;font-weight:700;line-height:1}.brand-sub{color:var(--text-tertiary);margin-top:3px;font-size:10.5px;font-weight:400;line-height:1}.topnav{align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--r-sm);padding:6px 14px;font-size:13.5px;font-weight:500;transition:all .15s}.nav-link:hover{color:var(--text-primary);background:var(--surface-2)}.nav-link.active{color:var(--text-primary);background:var(--surface-1)}.btn{font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:#ffffff1a;transition:opacity .2s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--grad-brand);color:#fff;border-radius:var(--r-sm);box-shadow:var(--glow-brand)}.btn-primary:hover{box-shadow:var(--glow-brand-lg);transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-ghost{background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--r-sm)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.btn-sm{padding:7px 14px;font-size:13px}.btn-md{padding:10px 20px;font-size:14px}.btn-lg{padding:13px 28px;font-size:15px}.btn-xl{padding:15px 32px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.glass-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.grad-text{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2.2s infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.7)}}.roblox-chip{background:var(--surface-1);border:1px solid var(--border-default);border-radius:100px;align-items:center;gap:8px;padding:4px 11px 4px 5px;display:flex}.roblox-avatar{background:var(--grad-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex;overflow:hidden}.roblox-avatar img{object-fit:cover;width:100%;height:100%}.roblox-username{color:var(--text-primary);font-size:12.5px;font-weight:500}.btn-signout{color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;background:0 0;align-items:center;padding:5px 11px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-signout:hover{color:var(--red);background:#f565650d;border-color:#f565654d}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.anim-fade-up{animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}.anim-fade-in{animation:.4s both fadeIn}.anim-scale-in{animation:.5s cubic-bezier(.16,1,.3,1) both scaleIn}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (max-width:640px){.topbar{padding:0 18px}.brand-sub{display:none}}