@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";#landing-page{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:var(--vox-bg-dark);color:var(--text-primary);z-index:1000}.hero-section{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:1}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(25,212,228,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(25,212,228,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 8s ease-in-out infinite}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(25,212,228,.12) 0%,transparent 70%);pointer-events:none}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;animation:fadeIn .8s ease-out}.landing-logo{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px}.logo-icon svg{width:100%;height:100%;fill:var(--vox-teal);filter:drop-shadow(0 0 20px var(--vox-teal-glow))}.logo-text{font-family:var(--font-brand);font-size:72px;color:var(--text-primary);letter-spacing:6px;text-transform:uppercase}.logo-text-vox{color:var(--vox-teal)}.join-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 48px;font-family:var(--font-mono);font-size:18px;color:var(--vox-bg-dark);background:var(--vox-teal);border:none;border-radius:var(--vox-radius);cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .2s ease}.join-btn:hover{background:var(--vox-teal-light);box-shadow:0 0 20px var(--vox-teal-glow);transform:translateY(-2px)}.join-btn:active{transform:translateY(0)}@font-face{font-family:Armstrong;src:url(/assets/Armstrong-CwA2WwK5.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--vox-bg-dark: #0f141a;--vox-bg-mid: #151c23;--vox-bg-menu: #1b232c;--vox-bg-item: #242e38;--vox-bg-hover: #2e3a47;--vox-teal: #19d4e4;--vox-teal-light: #5ef3ff;--vox-teal-glow: rgba(25, 212, 228, .4);--vox-green: #2ecc71;--vox-grey: #95a5a6;--vox-red: #e74c3c;--vox-red-glow: rgba(231, 76, 60, .4);--vox-blue: #3b82f6;--vox-purple: #a855f7;--vox-purple-dark: #7c3aed;--vox-magenta: #e91e8f;--accent-yellow: #f1c40f;--status-online: var(--vox-green);--status-idle: #f0b232;--status-offline: #80848e;--profile-cyan: #00d2d3;--profile-magenta: #e91e8c;--profile-lime: #7bed9f;--profile-orange: #ff9f43;--profile-violet: #a55eea;--profile-red: #e53e3e;--profile-gold: #f6d365;--y2k-pink: #f5a7bf;--y2k-pink-hot: #e87aa0;--y2k-pink-soft: #fcd9e3;--y2k-cream: #f8ede0;--y2k-sky: #8fb3d1;--y2k-sky-soft: #c5d9e8;--y2k-peach: #f5c8a8;--y2k-plum: #5d4759;--text-primary: #ffffff;--text-secondary: #a0aec0;--text-muted: #718096;--vox-border: #2d3748;--vox-border-highlight: #4a5568;--vox-radius-sm: 4px;--vox-radius: 8px;--vox-radius-pill: 9999px;--shadow-subtle: 0 4px 12px rgba(0, 0, 0, .3);--shadow-standard: 0 4px 20px rgba(0, 0, 0, .4);--shadow-elevated: 0 10px 40px rgba(0, 0, 0, .5);--shadow-heavy: 0 20px 60px rgba(0, 0, 0, .5);--glow-teal: 0 0 12px var(--vox-teal-glow);--glow-teal-lg: 0 0 20px var(--vox-teal-glow);--glow-red: 0 0 12px var(--vox-red-glow);--accent-cyan: var(--vox-teal);--accent-green: var(--vox-green);--accent-red: var(--vox-red);--bg-panel: var(--vox-bg-menu);--font-brand: "Armstrong", sans-serif;--font-body: "Play", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-24: 24px;--fs-36: 36px;--fs-72: 72px;--ls-tight: .5px;--ls-label: 1px;--ls-button: 2px;--ls-hero: 6px}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--vox-bg-item) transparent}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--vox-bg-item);border-radius:2px}*::-webkit-scrollbar-thumb:hover{background:var(--vox-bg-hover)}html,body{width:100%;height:100%;overflow:hidden;background:var(--vox-bg-dark);font-family:var(--font-body);font-size:var(--fs-16);color:var(--text-primary)}.vox-display,.vox-hero{font-family:var(--font-brand);font-size:var(--fs-72);letter-spacing:var(--ls-hero);text-transform:uppercase;color:var(--text-primary);line-height:1}h1,.vox-h1{font-family:var(--font-brand);font-size:var(--fs-36);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--vox-teal);line-height:1.1}h2,.vox-h2{font-family:var(--font-body);font-size:var(--fs-24);font-weight:700;color:var(--text-primary);letter-spacing:var(--ls-tight);line-height:1.2}h3,.vox-h3{font-family:var(--font-body);font-size:var(--fs-16);font-weight:700;color:var(--text-primary)}p,.vox-body{font-family:var(--font-body);font-size:var(--fs-14);line-height:1.5;color:var(--text-secondary)}.vox-body-lg{font-family:var(--font-body);font-size:var(--fs-16);line-height:1.6;color:var(--text-secondary)}.vox-caption{font-family:var(--font-body);font-size:var(--fs-12);color:var(--text-muted)}.vox-label{font-family:var(--font-body);font-size:var(--fs-10);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted)}code,.vox-mono{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--vox-teal)}.vox-btn-label{font-family:var(--font-mono);font-size:var(--fs-14);text-transform:uppercase;letter-spacing:var(--ls-button);font-weight:700}#root,#app{width:100%;height:100%;position:relative;overflow:hidden}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.logo-icon-svg,.feature-icon-svg,.icon-svg{pointer-events:none}.logo-icon-svg{width:32px;height:32px;filter:brightness(0) invert(1)}.feature-icon-svg{width:24px;height:24px;opacity:.8;filter:brightness(0) invert(1)}.icon-svg{width:20px;height:20px;stroke:currentColor;fill:none}.classic-btn{font-family:var(--font-body);font-size:var(--fs-14);padding:10px 20px;background:var(--vox-bg-item);color:var(--text-primary);border:1px solid var(--vox-border);border-radius:var(--vox-radius);cursor:pointer;text-transform:none;letter-spacing:normal;transition:all .2s ease}.classic-btn:hover{background:var(--vox-bg-hover);border-color:var(--vox-teal);box-shadow:var(--glow-teal)}.classic-btn:active{transform:scale(.98);background:var(--vox-bg-dark)}.classic-panel{background:var(--vox-bg-menu);border:1px solid var(--vox-border);border-radius:var(--vox-radius);box-shadow:var(--shadow-standard)}.classic-input{font-family:var(--font-body);font-size:var(--fs-14);padding:10px 14px;background:var(--vox-bg-dark);color:var(--text-primary);border:1px solid var(--vox-border);border-radius:var(--vox-radius-sm);outline:none;transition:border-color .2s,box-shadow .2s}.classic-input:focus{border-color:var(--vox-teal);box-shadow:0 0 0 2px var(--vox-teal-glow)}.classic-input::placeholder{color:var(--text-muted)}