:root{--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--bg-primary: #0a0d14;--bg-secondary: #0f1420;--bg-card: rgba(19, 25, 39, .7);--bg-card-hover: rgba(27, 36, 56, .85);--bg-glass: rgba(15, 20, 32, .65);--border-subtle: rgba(255, 255, 255, .07);--border-focus: rgba(139, 92, 246, .5);--border-glow: rgba(99, 102, 241, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-purple: #8b5cf6;--accent-indigo: #6366f1;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--gradient-brand: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-glow: radial-gradient(circle, rgba(139, 92, 246, .25) 0%, rgba(10, 13, 20, 0) 70%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-glow: 0 0 35px rgba(99, 102, 241, .25);--shadow-neon: 0 0 20px rgba(139, 92, 246, .4);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-smooth: all .25s cubic-bezier(.16, 1, .3, 1);--transition-spring: all .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{color-scheme:dark;scroll-behavior:smooth;font-family:var(--font-body);overflow-x:hidden;max-width:100vw;width:100%}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;overflow-x:hidden;max-width:100vw;width:100%;position:relative;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;touch-action:manipulation}input,select,textarea{font-family:inherit;color:inherit;font-size:16px}.ambient-glow-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb-1{position:absolute;top:-10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);filter:blur(80px);border-radius:50%;animation:floatOrb 18s ease-in-out infinite alternate}.ambient-orb-2{position:absolute;top:40%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);filter:blur(90px);border-radius:50%;animation:floatOrb2 22s ease-in-out infinite alternate}.ambient-orb-3{position:absolute;bottom:5%;left:10%;width:550px;height:550px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);filter:blur(85px);border-radius:50%;animation:floatOrb 15s ease-in-out infinite alternate}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}to{transform:translate(-30px,-20px) scale(.95)}}@keyframes floatOrb2{0%{transform:translate(0) scale(.95)}50%{transform:translate(-35px,-40px) scale(1.1)}to{transform:translate(25px,20px) scale(1)}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);pointer-events:none}.glass-nav{background:#0a0d14d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle)}.nav-capsule{display:flex;align-items:center;gap:2px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 1px #ffffff0d,0 2px 10px #0003;flex-shrink:0}.nav-capsule-item{color:#94a3b8;font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;line-height:1}.nav-capsule-item:hover{color:#f8fafc;background:#ffffff0f}.nav-capsule-item.active{color:#c084fc;background:#a855f726;border-color:#a855f759;box-shadow:0 0 12px #a855f733;font-weight:600}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-weight:600;font-size:15px;transition:var(--transition-smooth);box-shadow:0 4px 20px #6366f159;position:relative;overflow:hidden;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf68c}.btn-primary:active{transform:translateY(0)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);transition:none}.btn-primary:hover:after{left:200%;transition:all .75s ease}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-main);font-weight:600;font-size:15px;transition:var(--transition-smooth);white-space:nowrap}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff26;transform:translateY(-2px)}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.switch-track{width:52px;height:28px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.08);position:relative;transition:background .3s ease,border-color .3s ease;flex-shrink:0}.switch-track.active{background:#6366f1;border-color:#8b5cf6;box-shadow:0 0 16px #6366f180}.switch-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.switch-track.active .switch-thumb{transform:translate(24px)}.switch-track.sm,.switch-track.switch-sm{width:44px!important;height:24px!important}.switch-track.sm .switch-thumb,.switch-track.switch-sm .switch-thumb{width:18px!important;height:18px!important;top:2px!important;left:2px!important}.switch-track.sm.active .switch-thumb,.switch-track.switch-sm.active .switch-thumb{transform:translate(20px)!important}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.input-field{width:100%;padding:12px 16px;background:#121622bf;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.input-field:hover{background:#181d2dd9;border-color:#ffffff2e}.input-field:focus{background:#181d30f2;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640,0 4px 16px #0006}.input-field::placeholder{color:#94a3b899}select.input-field{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a5b4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px;cursor:pointer}select.input-field option{background:#0f1322;color:#f1f5f9;padding:10px}.dashboard-grid-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.dashboard-sidebar-panel{padding:16px;border-radius:var(--radius-lg);position:sticky;top:92px;max-height:calc(100vh - 110px);overflow-y:auto;box-sizing:border-box;background:#0f121dbf;border:1px solid rgba(255,255,255,.08)}.overview-banner-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);color:var(--text-muted);font-size:13.5px;font-weight:600;margin-bottom:12px;cursor:pointer;transition:var(--transition-smooth)}.overview-banner-btn:hover{background:#ffffff12;border-color:#ffffff24;color:#fff;transform:translateY(-1px)}.overview-banner-btn.active-tab{background:linear-gradient(135deg,#8b5cf647,#6366f129)!important;border-color:#8b5cf680!important;color:#fff!important;box-shadow:0 4px 20px #8b5cf640!important}.dashboard-sidebar-container{display:flex;flex-direction:column;gap:6px}.sidebar-tab-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;padding:9px 12px!important;border-radius:12px!important;background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important;color:var(--text-muted)!important;font-size:13px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-sizing:border-box!important}.sidebar-tab-item:hover{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#fff!important;transform:translate(4px)!important}.sidebar-tab-item.active-tab{background:linear-gradient(135deg,#8b5cf63d,#6366f124)!important;border-color:#8b5cf680!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 20px #8b5cf633,inset 0 1px #ffffff1a!important}.sidebar-tab-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;flex-shrink:0;transition:all .2s ease}.sidebar-tab-item:hover .sidebar-tab-icon{background:#ffffff14}.sidebar-tab-item.active-tab .sidebar-tab-icon{background:#8b5cf659;box-shadow:0 0 12px #8b5cf659}.sidebar-status-pill{font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;gap:3px}.sidebar-status-pill.on{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.sidebar-status-pill.off{background:#ffffff0a;color:var(--text-dim);border:1px solid rgba(255,255,255,.06)}.sidebar-tier-badge{font-size:9px;font-weight:800;padding:1.5px 5px;border-radius:5px;flex-shrink:0;display:inline-flex;align-items:center;gap:3px;letter-spacing:.3px;margin-left:auto;margin-right:4px}.sidebar-tier-badge.free{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.sidebar-tier-badge.pro{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.45)}.sidebar-tier-badge.pro-active{background:linear-gradient(135deg,#f59e0b40,#eab30840);color:#fef08a;border:1px solid rgba(245,158,11,.6);box-shadow:0 0 10px #f59e0b59}.dashboard-content-container{padding:32px 36px;background:#0f121eb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0006;position:relative;overflow:hidden;box-sizing:border-box;min-width:0;width:100%}.dashboard-content-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),rgba(99,102,241,.6),transparent)}.module-header-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:24px}.module-section-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:22px;margin-bottom:20px}.module-section-title{font-size:14.5px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:16px}.overview-modules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;width:100%}@media (max-width: 1240px){.overview-modules-grid{grid-template-columns:minmax(0,1fr)}}.voicehub-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.flow-step-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 10px;text-align:center;position:relative;transition:transform .2s ease,border-color .2s ease}.flow-step-item:hover{border-color:#8b5cf666;transform:translateY(-2px);background:#ffffff0d}.flow-step-num{font-size:10px;font-weight:800;color:#a5b4fc;text-transform:uppercase;margin-bottom:4px}.flow-step-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px}.flow-step-desc{font-size:11px;color:var(--text-dim);line-height:1.4}.analytics-chart-container{background:#121622a6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 24px;margin-bottom:24px;position:relative}.chart-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}.chart-pill-group{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:2px}.chart-pill-btn{background:none;border:none;color:var(--text-dim);font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .2s ease}.chart-pill-btn.active{background:#8b5cf64d;color:#fff;box-shadow:0 0 12px #8b5cf659}.leaderboards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media (max-width: 768px){.leaderboards-grid{grid-template-columns:1fr!important}}.leaderboard-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;margin-bottom:8px;transition:transform .2s ease,background .2s ease}.leaderboard-item:hover{background:#ffffff0d;transform:translate(3px)}.rank-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.rank-1{background:#eab30833;color:#facc15;border:1px solid rgba(234,179,8,.4)}.rank-2{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.4)}.rank-3{background:#b4530933;color:#fb923c;border:1px solid rgba(180,83,9,.4)}.rank-other{background:#ffffff0d;color:var(--text-dim)}.reward-level-chip{display:inline-flex;align-items:center;gap:8px;background:#a855f71f;border:1px solid rgba(168,85,247,.25);padding:6px 12px;border-radius:10px;color:#e9d5ff;font-size:13px;font-weight:600}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.server-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.features-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.server-card-grid,.features-card-grid{grid-template-columns:1fr!important;gap:16px!important}.dashboard-grid-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:14px!important}.dashboard-sidebar-panel,.dashboard-content-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.dashboard-sidebar-panel{padding:12px!important;border-radius:var(--radius-md)!important;overflow:visible!important}.dashboard-sidebar-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important;padding:0!important;width:100%!important}.sidebar-tab-item{white-space:normal!important;padding:10px!important;font-size:13px!important;border-radius:10px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.07)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:42px!important;width:100%!important}.sidebar-tab-item.active-tab,.overview-banner-btn.active-tab{background:#8b5cf638!important;border-color:#8b5cf680!important;color:#fff!important;box-shadow:0 0 15px #8b5cf640!important}.overview-stats-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-bottom:20px!important}.dashboard-content-container{padding:18px 14px!important;border-radius:var(--radius-md)!important}.dashboard-two-col{grid-template-columns:1fr!important;gap:14px!important}.mobile-save-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0d14f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle);padding:10px 14px max(14px,env(safe-area-inset-bottom,14px));box-shadow:0 -10px 30px #000000b3}.mobile-save-btn{width:100%!important;padding:13px 18px!important;font-size:14px!important;border-radius:12px!important;font-weight:700!important}.hero-mockup-inner{grid-template-columns:1fr!important}.hero-mockup-sidebar{display:none!important}}@media (max-width: 480px){.hero-title{font-size:28px!important;line-height:1.25!important}.hero-subtitle{font-size:14px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.discord-mock-box{background:#2b2d31;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;box-shadow:0 12px 32px #00000073;font-family:var(--font-body)}.discord-embed-card{background:#1e1f22;border-radius:4px 8px 8px 4px;border-left:4px solid #8b5cf6;padding:12px 14px;margin-top:8px}.modal-backdrop-blur{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:16px;background:#080a12d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content-card{background:#0f1322;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 60px #000000b3;width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box}.stat-metric-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .25s ease}.stat-metric-card:hover{background:#ffffff0a;border-color:#ffffff24}.pill-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}