:root{--primary:#7c3aed;--primary-hover:#8b5cf6;--primary-active:#6d28d9;--primary-glow:#7c3aed33;--primary-subtle:#7c3aed14;--on-primary:#fff;--primary-container:#ddd6fe;--on-primary-container:#2e1065;--accent:#7c3aed;--accent-glow:#7c3aed33;--success:#10b981;--success-bg:#10b98114;--success-border:#10b98133;--error:#ef4444;--error-bg:#ef444414;--error-border:#ef444433;--warning:#f59e0b;--warning-bg:#f59e0b14;--tertiary:#a78bfa;--tertiary-container:#7c3aed;--tertiary-bg:#a78bfa14;--tertiary-border:#a78bfa33;--bg-deep:#ede9fe;--bg:#f5f3ff;--surface:#fff;--bg-card:var(--surface);--bg-card-sub:var(--surface-2);--surface-2:#f3e8ff;--surface-3:#e9d5ff;--surface-container-low:#f4e8ff;--surface-container-high:#e8d3ff;--border:#7c3aed14;--border-light:#7c3aed26;--text:#1e1b4b;--text-2:#4338ca;--text-3:#6366f1;--card-text:#1e1b4b;--card-text-2:#4338ca;--sidebar-bg:transparent;--sidebar-hover:#7c3aed14;--sidebar-active:#7c3aed1f;--sidebar-width:240px;--radius-sm:16px;--radius:24px;--radius-lg:50px;--radius-xl:50px;--radius-full:9999px;--shadow:#7c3aed08 0px 1px 3px 0px, #7c3aed05 0px 1px 2px -1px;--shadow-lg:#7c3aed08 0px 4px 6px -2px, #7c3aed0d 0px 12px 24px -4px;--transition:.4s cubic-bezier(.22, 1, .36, 1);--transition-linear:.2s cubic-bezier(.4, 0, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--glass-bg:#ffffffa6;--glass-bg-heavy:#ffffffd9;--glass-blur:blur(32px) saturate(140%);--glass-radius:24px;--glass-border:#ffffffe6;--glass-border-soft:#fff9;--glass-highlight:inset 0 1px 0 #fffffff2;--glass-shadow:0 4px 12px #7c3aed05, 0 20px 48px #7c3aed0a;--glass-shadow-hover:0 8px 24px #7c3aed0a, 0 32px 64px #7c3aed0f;--ambient-1:#8b5cf6;--ambient-2:#d8b4fe;--ambient-3:#c084fc}.ambient-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(100px);will-change:transform;border-radius:50%;position:absolute}.ambient-orb-1{background:var(--ambient-1);opacity:.28;width:900px;height:900px;top:-15%;left:-10%}.ambient-orb-2{background:var(--ambient-2);opacity:.22;width:750px;height:750px;top:40%;right:-15%}.ambient-orb-3{background:var(--ambient-3);opacity:.18;width:600px;height:600px;bottom:-10%;left:5%}.ambient-orb-4{opacity:.12;background:#5c6bc8;width:500px;height:500px;top:60%;left:35%}.ambient-orb-5{opacity:.15;background:#9fa8da;width:400px;height:400px;top:20%;left:50%}.glass-dark{-webkit-backdrop-filter:blur(24px)saturate(135%);background:#ffffff14;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-deep);color:var(--text);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:clip}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-container-high);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.card,.glass-card{background:var(--surface);border-radius:var(--radius);color:var(--card-text);box-shadow:var(--shadow);transition:all var(--transition);padding:1.5rem}.card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);z-index:50;background:#ffffffe6;border-right:1px solid #0000000f;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;margin-bottom:.5rem;padding:1.5rem 1.5rem 1rem;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--primary), #6d28d9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-brand-text{color:var(--primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.sidebar-brand-sub{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-top:-2px;font-size:.625rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.5rem .75rem;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:.75rem .75rem .5rem;font-size:.6875rem;font-weight:600}.sidebar-item{border-radius:var(--radius);color:var(--text-2);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--text);background:#0000000a}.sidebar-item.active{background:var(--sidebar-active);color:var(--primary);font-weight:700}.sidebar-item-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-item.active .sidebar-item-icon,.sidebar-item:hover .sidebar-item-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:.75rem}.sidebar-fulltest-btn{background:linear-gradient(135deg, var(--primary), var(--primary-active));width:100%;color:var(--on-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:.75rem;font-family:inherit;font-size:.8125rem;font-weight:700;text-decoration:none;display:flex}.sidebar-fulltest-btn:hover{filter:brightness(1.08);box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-2px)}.sidebar-fulltest-btn:active{transform:scale(.97)}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:.75rem 1rem;display:flex}.sidebar-profile-avatar{background:var(--surface-container-high);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.sidebar-profile-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-profile-level{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;overflow:hidden}.main-area{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex}.sidebar.collapsed .sidebar-item span,.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed{scrollbar-width:none}.sidebar.collapsed::-webkit-scrollbar{display:none}.main-header{z-index:40;border-bottom:1px solid var(--border);background:#faf9fee6;justify-content:flex-end;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.main-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem}.main-content-wide{max-width:1200px}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--primary-glow)}.btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.3)}.btn-primary{background:linear-gradient(135deg, var(--primary), #7c3aed);color:var(--on-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-secondary{background:var(--surface-container-high);color:var(--text);border:1px solid #ffffff1a}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-outline{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-outline:hover:not(:disabled){color:var(--text);background:#ffffff0a}.btn-ghost{color:var(--text-2);border-radius:var(--radius-full);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0a}.btn-accent{background:linear-gradient(135deg, var(--accent), #0891b2);color:#fff;border-radius:var(--radius-full)}.btn-accent:hover:not(:disabled){box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:.9375rem}.input{background:var(--surface-container-low);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:all var(--transition);border:1px solid #ffffff1a;outline:none;padding:12px 16px;font-family:inherit;font-size:.9375rem}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea.input{resize:vertical;min-height:100px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-card{padding:0}.stat-card-inner{color:var(--card-text);align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-quiz{background:var(--surface-2);color:var(--on-primary)}.stat-icon-trending{color:var(--tertiary);background:#ffb78326}.stat-icon-schedule{color:var(--on-primary);background:#c1bfff33}.stat-label-top{text-transform:uppercase;letter-spacing:.08em;color:var(--card-text-2);opacity:.7;margin-bottom:4px;font-size:.6875rem;font-weight:700}.stat-value-big{color:var(--card-text);font-size:1.75rem;font-weight:700;line-height:1.2}.progress-bar{background:var(--surface-container-low);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .4s}.timer{font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.0625rem;font-weight:700;display:flex}.timer-safe{color:var(--success)}.timer-warn{color:var(--warning)}.timer-urgent{color:var(--error);animation:.5s infinite alternate timerPulse}@keyframes timerPulse{0%{opacity:1}to{opacity:.3}}.gradient-text{background:linear-gradient(135deg, var(--text), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.section-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;transition:all .3s;display:flex}.section-card-tag{border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:600}.section-card-arrow{opacity:0;transition:opacity .3s}.feedback-item{border-radius:var(--radius);border-left:4px solid var(--border);background:var(--surface-container-low);transition:all var(--transition);color:var(--text);padding:1.25rem}.feedback-item:hover{background:var(--surface-container-high)}.feedback-item.correct{border-left-color:var(--success)}.feedback-item.incorrect{border-left-color:var(--error)}.feedback-chip{border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:700}.feedback-chip-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.feedback-chip-warning{color:var(--tertiary-container);background:#ffb7831a;border:1px solid #ffb78333}.feedback-chip-error{color:var(--error);background:#ffb4ab1a;border:1px solid #ffb4ab33}.admin-tabs{scrollbar-width:none;overflow-x:auto}.stat-bar-row{align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.stat-bar-bg{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.stat-bar-fill{background:#7c3aed;border-radius:4px;height:100%;transition:width .3s}.admin-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px}.admin-select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 2px #7c3aed26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:.3s fadeIn}.spinner{border:3px solid var(--surface-container-high);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.rec-ring{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative}.rec-ring-idle{background:var(--surface-container-high);border:2px solid var(--border)}.rec-ring-idle:hover{border-color:var(--primary)}.rec-ring-active{border:2px solid var(--error);background:#ffb4ab26}.rec-ring-inner{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rec-ring-inner-idle{background:var(--primary)}.rec-ring-inner-active{background:var(--error)}.recording-active{animation:2s infinite pulseGlow}.recording-glow{filter:blur(12px);background:#ffb4ab33;border-radius:50%;position:absolute;inset:0;transform:scale(1.5)}.visualizer-bar{background:var(--error);border-radius:3px;width:6px;transition:height .1s}.shimmer-progress{background:linear-gradient(90deg,#0000,#ffffff26,#0000) 0 0/200% 100%;animation:2s linear infinite shimmer}.chat-bubble-bot{background:var(--surface-container-high);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 4px;max-width:80%;color:var(--text);align-self:flex-start;padding:1rem}.chat-bubble-user{background:var(--primary);border-radius:var(--radius-sm) var(--radius-sm) 4px var(--radius-sm);max-width:80%;color:var(--on-primary);align-self:flex-end;padding:1rem}.score-chip{border-radius:var(--radius-full);padding:2px 10px;font-size:.625rem;font-weight:700}.score-chip-pass{color:var(--primary);background:#5c6bc826;border:1px solid #5c6bc840}.score-chip-fail{color:var(--error);background:#ffb4ab33;border:1px solid #ffb4ab4d}kbd{background:var(--surface-container-high);border-radius:var(--radius-sm);color:var(--text-2);border:1px solid #ffffff1a;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.75rem}.score-circle{background:var(--surface-container-low);border:8px solid var(--tertiary-container);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:224px;height:224px;display:flex}.score-circle-value{color:var(--tertiary-container);font-size:3rem;font-weight:700;line-height:1}.score-circle-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-top:8px;font-size:.8125rem}.hero-badge{border-radius:var(--radius-full);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#5c6bc81a;border:1px solid #5c6bc833;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.atmosphere{pointer-events:none;z-index:-10;width:100%;height:100%;position:fixed;top:0;right:0}.atmosphere-blob-1{filter:blur(140px);background:#5c6bc809;border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:5%}.atmosphere-blob-2{filter:blur(120px);background:#fbbf2405;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-15%;left:20%}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-appear{animation:.3s ease-out forwards messageSlideUp}.waveform-decoration{align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.waveform-bar{background:var(--primary);border-radius:2px;flex:1;transition:height .3s}.pill{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.pill-primary{background:var(--primary-subtle);color:var(--primary)}.pill-success{background:var(--success-bg);color:var(--success)}.pill-error{background:var(--error-bg);color:var(--error)}.pill-warning{background:var(--warning-bg);color:var(--warning)}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{background:var(--surface-container-high);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.empty-state-title{color:var(--text);margin-bottom:.25rem;font-size:1.0625rem;font-weight:600}.empty-state-desc{color:var(--text-3);font-size:.875rem}.mobile-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.charts-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.sidebar{background:#fffffffa;transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-area{margin-left:0!important}.mobile-toggle{display:flex}.main-content{padding:1.25rem}.section-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.charts-grid{grid-template-columns:1fr}.score-circle{border-width:6px;width:160px;height:160px}.score-circle-value{font-size:2.25rem}}.word-correct{color:var(--success)}.word-wrong{color:var(--error);text-decoration:line-through;-webkit-text-decoration-color:var(--error);text-decoration-color:var(--error)}.word-missing{color:var(--warning);font-style:italic}.word-comparison{border-radius:var(--radius);background:var(--surface-container-low);color:var(--text);flex-wrap:wrap;gap:4px 8px;padding:1rem;font-size:1.0625rem;line-height:1.6;display:flex}.streak-badge{border-radius:var(--radius-full);color:var(--tertiary);background:linear-gradient(135deg,#ffb74d26,#ff57221a);border:1px solid #ffb74d40;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:700;display:inline-flex}.streak-badge-fire{font-size:1.125rem}.streak-badge span{color:var(--text-2);font-size:.75rem;font-weight:600}.daily-goal-ring{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.daily-goal-ring svg{transform:rotate(-90deg)}.daily-goal-ring-bg{fill:none;stroke:var(--surface-container-high);stroke-width:4px}.daily-goal-ring-fill{fill:none;stroke:var(--primary);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .5s}.daily-goal-count{color:var(--text);font-size:.75rem;font-weight:700;position:absolute}.difficulty-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:2px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.difficulty-easy{color:var(--success);background:#10b9811f;border:1px solid #10b98133}.difficulty-medium{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b33}.difficulty-hard{color:var(--error);background:#ffb4ab1f;border:1px solid #ffb4ab33}.walkthrough-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.walkthrough-card{border-radius:var(--radius);background:var(--surface);width:90%;max-width:500px;color:var(--card-text);box-shadow:var(--shadow);padding:2rem;animation:.3s scaleIn}.walkthrough-steps{justify-content:center;gap:6px;margin:1.5rem 0 1rem;display:flex}.walkthrough-dot{background:var(--surface-container-high);cursor:pointer;width:8px;height:8px;transition:all var(--transition);border:none;border-radius:50%;padding:0}.walkthrough-dot.active{background:var(--primary);border-radius:var(--radius-sm);width:24px}.wrong-answer-item{border-radius:var(--radius);border-left:4px solid var(--error);background:#ffb4ab0d;margin-bottom:.75rem;padding:1rem}.wrong-answer-prompt{color:var(--text);margin-bottom:.25rem;font-weight:600}.wrong-answer-user{color:var(--error);font-size:.875rem}.wrong-answer-correct{color:var(--success);font-size:.875rem}.wrong-answer-feedback{color:var(--text-2);margin-top:.25rem;font-size:.8125rem;font-style:italic}.weak-area-card{border-radius:var(--radius);border-left:4px solid var(--warning);background:#f59e0b0f;align-items:flex-start;gap:12px;margin-bottom:1rem;padding:1.25rem;display:flex}.weak-area-icon{flex-shrink:0;font-size:1.5rem}.weak-area-text{flex:1}.weak-area-title{color:var(--text);font-size:.9375rem;font-weight:600}.weak-area-desc{color:var(--text-2);margin-top:2px;font-size:.8125rem}.weak-area-action{margin-top:.5rem}.category-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.category-card{border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.category-card:active{transform:translateY(-2px)scale(.99)}.category-card-bg{border-radius:var(--radius);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.category-card-content{background:var(--surface);border-radius:var(--radius);color:var(--card-text);flex-direction:column;gap:14px;padding:1.5rem 1.75rem;display:flex;position:relative}.category-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.category-card:hover .category-card-icon{transform:scale(1.05)}.category-card-info{flex:1}.category-card-label{color:var(--card-text);margin-bottom:4px;font-size:1.125rem;font-weight:600}.category-card-desc{color:var(--card-text-2);opacity:.7;font-size:.8125rem;line-height:1.5}.category-card-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.category-card-count{border-radius:var(--radius-full);letter-spacing:.02em;padding:4px 12px;font-size:.75rem;font-weight:700}.category-card-arrow{opacity:0;transition:opacity .3s,transform .3s;display:flex}.category-card:hover .category-card-arrow{opacity:1;transform:translate(4px)}.category-hero{animation:.4s fadeIn}@media (max-width:640px){.category-grid{grid-template-columns:1fr}}.arena-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.arena-card-hub{cursor:pointer;text-align:left;background:var(--surface);width:100%;height:100%;box-shadow:var(--shadow);color:inherit;border:1px solid #7c3aed0f;border-radius:16px;flex-direction:column;padding:1.75rem 1.5rem;font-family:inherit;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.35s both slideUp;display:flex;position:relative}.arena-card-hub:before{content:"";background:var(--hub-color);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.arena-card-hub:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--hub-color);transform:translateY(-3px)}.arena-card-hub:hover .arena-hub-title{color:var(--hub-color)}.arena-card-hub:hover .arena-hub-arrow{opacity:1!important;transform:translate(0)!important}.arena-card-game{cursor:pointer;text-align:left;background:var(--surface);width:100%;height:100%;box-shadow:var(--shadow);color:inherit;border:1px solid #7c3aed0f;border-radius:16px;flex-direction:column;padding:1.25rem 1.5rem;font-family:inherit;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.35s both slideUp;display:flex;position:relative;overflow:hidden}.arena-card-game:after{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;transition:background .25s;position:absolute;top:0;bottom:0;left:0}.arena-card-game:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--hub-color);transform:translateY(-3px)}.arena-card-game:hover .arena-game-title{color:var(--hub-color)}.arena-card-game:hover:after{background:var(--hub-color)}.arena-card-game:hover .arena-game-arrow{opacity:1!important;transform:translate(0)!important}@media (max-width:1024px){.arena-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.arena-grid{grid-template-columns:1fr!important;gap:16px!important}}.timer-ring-urgent svg circle:last-child{animation:.5s infinite alternate timerPulse}.peer-lobby{flex-direction:column;align-items:center;max-width:560px;margin:0 auto;padding:2rem 1.5rem;animation:.4s fadeIn;display:flex}.peer-lobby-hero{text-align:center;margin-bottom:2.5rem}.peer-lobby-icon-ring{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;position:relative}.peer-lobby-icon{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;z-index:2;width:64px;height:64px;box-shadow:0 8px 32px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.peer-lobby-ring{border:2px solid var(--primary);opacity:0;border-radius:50%;animation:3s ease-out infinite peerPulse;position:absolute}.peer-lobby-ring-1{width:80px;height:80px;animation-delay:0s}.peer-lobby-ring-2{width:100px;height:100px;animation-delay:1s}.peer-lobby-ring-3{width:120px;height:120px;animation-delay:2s}@keyframes peerPulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.peer-lobby-card{background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--border);padding:1.75rem}.peer-find-btn{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;border-radius:var(--radius-full);cursor:pointer;width:100%;box-shadow:0 4px 20px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:10px;padding:.875rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.peer-find-btn:hover{box-shadow:0 8px 32px var(--primary-glow);filter:brightness(1.08);transform:translateY(-2px)}.peer-find-btn:active{transform:translateY(0)scale(.98)}.peer-matching{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;animation:.3s fadeIn;display:flex}.peer-matching-radar{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.peer-matching-radar-center{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:2s ease-in-out infinite radarCenterPulse;display:flex;position:relative}.peer-matching-radar-ring{border:2px solid var(--primary);border-radius:50%;animation:2.5s ease-out infinite radarSweep;position:absolute}.peer-matching-radar-ring-1{width:80px;height:80px;animation-delay:0s}.peer-matching-radar-ring-2{width:120px;height:120px;animation-delay:.5s}.peer-matching-radar-ring-3{width:160px;height:160px;animation-delay:1s}@keyframes radarSweep{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.2)}}@keyframes radarCenterPulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 16px #5c6bc81a}}.peer-call{flex-direction:column;gap:1rem;height:calc(100vh - 2rem);padding:1rem;animation:.3s fadeIn;display:flex}.peer-topic-card{background:var(--primary-subtle);border-radius:var(--radius-sm);text-align:center;border:1px solid #5c6bc826;flex-shrink:0;padding:.75rem 1.25rem}.peer-call-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;min-height:0;display:flex}.peer-call-audio-panels{justify-content:center;align-items:center;gap:2rem;width:100%;max-width:600px;display:flex}.peer-call-audio-card{background:var(--surface);border-radius:var(--radius);text-align:center;max-width:200px;box-shadow:var(--shadow);border:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.peer-call-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:800;display:flex}.peer-call-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.875rem;font-weight:600;overflow:hidden}.peer-call-connection{flex-direction:column;align-items:center;gap:6px;display:flex}.peer-call-connection-line{background:linear-gradient(to bottom, transparent, var(--primary), transparent);border-radius:1px;width:2px;height:24px}.peer-call-timer{color:var(--primary);font-variant-numeric:tabular-nums;background:var(--primary-subtle);border-radius:var(--radius-full);padding:4px 12px;font-size:.8125rem;font-weight:700}.peer-audio-viz{flex-direction:column;align-items:center;gap:4px;display:flex}.peer-audio-viz-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem;font-weight:600}.peer-audio-viz-bars{align-items:center;gap:3px;height:48px;display:flex}.peer-audio-viz-bar{background:linear-gradient(to top, var(--primary), var(--primary-hover));border-radius:2px;width:4px;min-height:4px}.peer-call-controls{flex-shrink:0;align-items:center;gap:1rem;display:flex}.peer-control-btn{background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;display:flex}.peer-control-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.08)}.peer-control-btn-danger{color:#ef4444;background:#ef44441f}.peer-control-btn-danger:hover{background:#ef444433}.peer-control-btn-accent{background:var(--primary-subtle);color:var(--primary)}.peer-control-btn-accent:hover{background:#5c6bc833}.peer-call-chat{border-top:1px solid var(--border);flex-shrink:0;height:220px}.peer-chat{background:var(--surface);border-radius:var(--radius-sm);flex-direction:column;height:100%;display:flex;overflow:hidden}.peer-chat-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:.5rem 1rem}.peer-chat-messages{flex-direction:column;flex:1;gap:6px;padding:.75rem 1rem;display:flex;overflow-y:auto}.peer-chat-bubble{border-radius:var(--radius-sm);max-width:80%;padding:.5rem .75rem;animation:.15s fadeIn}.peer-chat-bubble-me{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.peer-chat-bubble-partner{background:var(--surface-2);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.peer-chat-bubble-text{word-break:break-word;font-size:.8125rem;line-height:1.5}.peer-chat-bubble-time{opacity:.6;text-align:right;margin-top:2px;font-size:.5625rem}.peer-chat-input-row{border-top:1px solid var(--border);flex-shrink:0;gap:6px;padding:.5rem;display:flex}.peer-chat-input{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;transition:border-color .2s}.peer-chat-input:focus{border-color:var(--primary)}.peer-chat-send{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;transition:all .2s;display:flex}.peer-chat-send:hover{filter:brightness(1.1);transform:scale(1.05)}.peer-chat-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.leaderboard-container{max-width:900px;margin:0 auto;padding:1.5rem 1rem 5rem;animation:.4s fadeIn}.leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.leaderboard-title h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:2rem;font-weight:800}.leaderboard-title p{color:var(--text-3);margin:.25rem 0 0;font-size:.9rem}.leaderboard-stats-summary{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);gap:1.5rem;padding:.75rem 1.25rem;display:flex;box-shadow:0 4px 16px #00000005}.stat-summary-item{flex-direction:column;display:flex}.stat-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:.7rem;font-weight:700}.stat-summary-value{color:var(--text);margin-top:.125rem;font-size:1.125rem;font-weight:700}.leaderboard-filters{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:center;max-width:320px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.25rem;display:flex}.filter-tab{color:var(--text-2);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.podium-container{justify-content:center;align-items:flex-end;gap:1.5rem;margin-top:1rem;margin-bottom:3rem;padding:1rem;display:flex}.podium-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;flex-direction:column;flex:1;align-items:center;max-width:220px;padding:1.5rem 1rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 4px 20px #00000008}.podium-card:hover{transform:translateY(-4px)}.podium-card.rank-1{background:linear-gradient(to bottom, #fef08a0d, var(--bg-card));border-color:#eab30880;height:280px;animation:4s ease-in-out infinite alternate floatRank1;box-shadow:0 10px 30px #eab30814}.podium-card.rank-2{background:linear-gradient(to bottom, #f1f5f90d, var(--bg-card));border-color:#94a3b880;height:240px;box-shadow:0 8px 24px #94a3b80f}.podium-card.rank-3{background:linear-gradient(to bottom, #fed7aa0d, var(--bg-card));border-color:#b4530980;height:220px;box-shadow:0 6px 20px #b453090d}@keyframes floatRank1{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.podium-badge{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9375rem;font-weight:800;display:flex;position:absolute;top:-16px;box-shadow:0 4px 10px #00000026}.rank-1 .podium-badge{background:#eab308}.rank-2 .podium-badge{background:#94a3b8}.rank-3 .podium-badge{background:#b45309}.podium-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex;box-shadow:inset 0 2px 4px #0000001a}.podium-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:.25rem;font-size:1rem;font-weight:700;overflow:hidden}.podium-level{color:var(--text-3);background:var(--bg-card-sub);border-radius:var(--radius-sm);margin-bottom:auto;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.podium-score{color:var(--primary);margin-top:1rem;font-size:1.25rem;font-weight:800}.podium-streak{color:#f97316;align-items:center;gap:2px;margin-top:.25rem;font-size:.75rem;font-weight:600;display:flex}.leaderboard-list-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:3rem;overflow:hidden;box-shadow:0 4px 20px #00000005}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table th{text-transform:uppercase;color:var(--text-3);letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg-card-sub);padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.leaderboard-table td{color:var(--text-2);border-bottom:1px solid var(--border);padding:1rem 1.5rem;font-size:.875rem}.leaderboard-row{transition:background-color .2s}.leaderboard-row:hover{background-color:var(--bg-card-sub)}.leaderboard-row.current-user{background-color:#7c3aed0a}.leaderboard-row.current-user td{color:var(--primary);font-weight:600}.rank-col{color:var(--text-3);width:80px;font-size:.9375rem;font-weight:700}.leaderboard-row.current-user .rank-col{color:var(--primary)}.user-col{align-items:center;gap:.75rem;display:flex}.user-avatar-mini{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.user-name-text{color:var(--text);font-weight:600}.leaderboard-row.current-user .user-name-text{color:var(--primary)}.xp-col{color:var(--text);text-align:right;width:120px;font-weight:700}.streak-col{color:#f97316;font-weight:600}.sticky-rank-bar{background:var(--bg-card);border-top:2px solid var(--primary);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:left .2s cubic-bezier(.4,0,.2,1);animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:64px;right:0;box-shadow:0 -4px 20px #00000014}.sidebar:not(.collapsed)~.main-area .sticky-rank-bar{left:240px}.sticky-rank-info{align-items:center;gap:1.5rem;display:flex}.sticky-rank-badge{background:var(--primary);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.8125rem;font-weight:800}.sticky-rank-text{color:var(--text);font-weight:600}.sticky-rank-action{color:var(--primary);cursor:pointer;align-items:center;gap:4px;font-size:.8125rem;font-weight:700;display:flex}.discussion-container{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 5rem;animation:.4s fadeIn}.discussion-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.discussion-search-row{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-input-wrapper{flex:1;position:relative}.search-input-field{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);outline:none;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.search-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.search-icon-inside{color:var(--text-3);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.new-thread-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;align-items:center;gap:8px;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.new-thread-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.discussion-body{align-items:flex-start;gap:2rem;display:flex}.discussion-sidebar{flex-direction:column;flex-shrink:0;gap:.25rem;width:200px;display:flex}.category-btn{border-radius:var(--radius-sm);color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.category-btn:hover{background:var(--bg-card-sub);color:var(--text)}.category-btn.active{background:var(--primary-glow);color:var(--primary)}.discussion-feed{flex-direction:column;flex:1;gap:1rem;display:flex}.thread-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);gap:1.25rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 4px 16px #00000003}.thread-card:hover{border-color:var(--primary-glow);box-shadow:0 6px 20px #7c3aed0a}.vote-panel{background:var(--bg-card-sub);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:80px;padding:.5rem;display:flex}.vote-arrow{cursor:pointer;color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.vote-arrow:hover{color:var(--primary)}.vote-arrow.active.upvote{color:#10b981}.vote-arrow.active.downvote{color:#ef4444}.vote-count{color:var(--text);margin:4px 0;font-size:.8125rem;font-weight:700}.thread-main{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.thread-meta{color:var(--text-3);align-items:center;gap:8px;margin-bottom:.5rem;font-size:.75rem;display:flex}.thread-category-badge{background:var(--bg-card-sub);color:var(--primary);border-radius:var(--radius-sm);text-transform:uppercase;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.thread-author{color:var(--text-2);font-weight:600}.thread-title{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:700;line-height:1.35}.thread-title:hover{color:var(--primary)}.thread-preview{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.thread-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.thread-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-badge{color:var(--text-3);font-size:.75rem}.thread-replies-count{color:var(--text-3);align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.empty-feed{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;color:var(--text-3);padding:3rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:800}.close-modal-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.close-modal-btn:hover{color:var(--text)}.modal-body-scrollable{flex:1;padding:1.5rem;overflow-y:auto}.detail-main-post{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.detail-post-body{color:var(--text-2);white-space:pre-wrap;margin-top:.75rem;font-size:.9375rem;line-height:1.6}.detail-comments-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:700}.comments-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.comment-item{background:var(--bg-card-sub);border-radius:var(--radius-sm);padding:1rem}.comment-meta{color:var(--text-3);justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.75rem;display:flex}.comment-author-info{align-items:center;gap:8px;display:flex}.comment-author{color:var(--text);font-weight:700}.comment-text{color:var(--text-2);white-space:pre-wrap;font-size:.875rem;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:700;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-sub);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem}.form-input:focus{border-color:var(--primary);background:var(--bg-card)}.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-sub);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;outline:none;min-height:100px;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem}.form-textarea:focus{border-color:var(--primary);background:var(--bg-card)}.submit-comment-row{align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-end;padding:.625rem 1.25rem;font-weight:600;transition:all .2s}.submit-btn:hover:not(:disabled){filter:brightness(1.05)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer{border-top:1px solid var(--border);background:var(--bg-card-sub);justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.auth-page{background:var(--bg-deep);width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-left-panel{background:linear-gradient(135deg,#0f0c1b 0%,#15102a 50%,#20173e 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex:1.2;justify-content:space-between;padding:4rem;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-left-panel{display:flex}}.auth-left-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#5c6bc826 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:-10%}.auth-left-content{z-index:10;max-width:520px;margin:auto 0;position:relative}.auth-brand-logo{font-family:var(--font-inter), sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg,#7986cb 0%,#5c6bc8 50%,#3f51b5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.auth-left-subtitle{color:#d8b4fe;letter-spacing:-.01em;margin-bottom:3rem;font-size:1.25rem;font-weight:500;line-height:1.5}.auth-features-list{flex-direction:column;gap:2rem;display:flex}.auth-feature-item{align-items:flex-start;gap:1.25rem;display:flex}.auth-feature-icon{color:#c084fc;background:#5c6bc81a;border:1px solid #5c6bc833;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #5c6bc814}.auth-feature-title{color:#f3e8ff;margin-bottom:.25rem;font-size:1rem;font-weight:600}.auth-feature-desc{color:#a78bfa;opacity:.85;font-size:.875rem;line-height:1.5}.auth-left-footer{z-index:10;color:#9fa8da66;font-size:.8125rem;position:relative}.auth-right-panel{background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem;display:flex;position:relative}.auth-mobile-header{text-align:center;margin-bottom:2rem}@media (min-width:1024px){.auth-mobile-header{display:none}}.auth-glow-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-glow-bubble{filter:blur(100px);opacity:.18;mix-blend-mode:multiply;border-radius:50%;animation:25s ease-in-out infinite alternate float-glow;position:absolute}.auth-left-panel .auth-glow-bubble{opacity:.08;mix-blend-mode:screen}.auth-glow-1{background:radial-gradient(circle,#c084fc 0%,#0000 70%);width:450px;height:450px;animation-duration:18s;top:-10%;left:-10%}.auth-glow-2{background:radial-gradient(circle,#818cf8 0%,#0000 70%);width:500px;height:500px;animation-duration:24s;animation-delay:-4s;bottom:-10%;right:-10%}.auth-glow-3{opacity:.08;background:radial-gradient(circle,#fde047 0%,#0000 70%);width:320px;height:320px;animation-duration:22s;animation-delay:-8s;top:40%;left:20%}.auth-left-panel .auth-glow-3{opacity:.04}.auth-glow-4{opacity:.12;background:radial-gradient(circle,#f472b6 0%,#0000 70%);width:380px;height:380px;animation-duration:20s;animation-delay:-12s;bottom:20%;left:-5%}.auth-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(#5c6bc805 1px,#0000 1px),linear-gradient(90deg,#5c6bc805 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 80%);mask-image:radial-gradient(#000 20%,#0000 80%)}.auth-left-panel .auth-grid-overlay{background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px)}@keyframes float-glow{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(50px,-30px)scale(1.08)rotate(120deg)}66%{transform:translate(-30px,40px)scale(.92)rotate(240deg)}to{transform:translate(0)scale(1)rotate(360deg)}}.voice-visualizer-container{pointer-events:none}.voice-orb-outer{justify-content:center;align-items:center;width:140px;height:140px;animation:2.5s ease-in-out infinite alternate orb-pulse;display:flex;position:relative}.voice-orb-glow{filter:blur(25px);z-index:1;background:radial-gradient(circle,#5c6bc873 0%,#00f2fe33 50%,#0000 70%);border-radius:50%;animation:2.5s ease-in-out infinite alternate glow-pulse;position:absolute;inset:-20px}.voice-orb-glass{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:2;background:#0a061a8c;border:1px solid #5c6bc859;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #5c6bc840,0 8px 32px #00000080}.voice-orb-glass:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#00f2fecc 0%,#5c6bc833 40%,#ec4899cc 100%);border-radius:50%;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.voice-orb-inner{z-index:3;background:#06030c;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;display:flex;box-shadow:inset 0 4px 12px #0009}.voice-orb-icon{color:#a78bfa;filter:drop-shadow(0 0 8px #5c6bc8b3);animation:3s ease-in-out infinite icon-float}@keyframes orb-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes glow-pulse{0%{opacity:.6;filter:blur(20px)}to{opacity:.95;filter:blur(28px)}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{color:#00f2fe;filter:drop-shadow(0 0 10px #00f2fecc);transform:translateY(-2px)}}.landing-root{color:var(--text);z-index:1;background:linear-gradient(#eef2fa 0%,#e8edf8 25%,#e2e8f5 50%,#e8edf8 75%,#eef2fa 100%);position:relative;overflow-x:clip}.scroll-progress{transform-origin:0;z-index:999;pointer-events:none;will-change:transform;background:linear-gradient(90deg,#5c6bc8,#7986cb,#9fa8da);width:100%;height:2px;transition:transform .1s linear;position:fixed;top:0;left:0;transform:scaleX(0)}.landing-nav{z-index:90;-webkit-backdrop-filter:blur(32px)saturate(140%);transition:background .4s var(--ease-out-expo), border-color .4s var(--ease-out-expo);background:#ffffff80;border-bottom:1px solid #fffc;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #00000008}.landing-nav.scrolled{background:#ffffffb8;border-bottom-color:#ffffffe6;box-shadow:0 1px #0000000a,0 4px 16px #00000008}.landing-nav-brand{font-family:var(--font-inter), sans-serif;letter-spacing:-.03em;color:var(--text);font-size:1.5rem;font-weight:800;line-height:1;text-decoration:none;transition:color .3s}.landing-nav-links{align-items:center;gap:.25rem;display:flex}.landing-nav-link{border-radius:var(--radius-full);color:var(--text-2);padding:.5rem .875rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-nav-link:hover{color:var(--text);background:var(--primary-subtle)}.landing-nav-cta{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;box-shadow:0 4px 16px var(--primary-glow);transition:all var(--transition);align-items:center;gap:6px;padding:.5rem 1.125rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.landing-nav-cta:hover{filter:brightness(1.08);box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-1px)}.landing-hero{background:linear-gradient(160deg,#070a18 0%,#0d1128 35%,#141838 65%,#0d1128 100%);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(80% 60% at 30% 0,#5c6bc826 0%,#0000 60%),radial-gradient(60% 60% at 80% 100%,#7e6eac1a 0%,#0000 50%),radial-gradient(50% 50% at 20% 80%,#3c9ba814 0%,#0000 50%);position:absolute;inset:0}.landing-hero-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:8rem 3rem 5rem;display:grid;position:relative}.landing-hero-text{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.landing-hero-badge{border-radius:var(--radius-full);color:#9fa8daf2;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:1.75rem;padding:8px 18px;font-size:.8125rem;font-weight:600;animation:.6s both fadeIn;display:inline-flex}.landing-hero-title{letter-spacing:-.04em;color:#f8f7ff;text-align:left;text-wrap:balance;max-width:600px;margin:0 0 1.25rem;font-size:clamp(2.75rem,7vw,5.25rem);font-weight:800;line-height:1.05}.landing-hero-title.staggered-title{animation:none}.landing-hero-title.staggered-title .title-word{animation:slideUp .7s var(--ease-out-expo) both;margin-right:.3rem;display:inline-block}.landing-hero-title .glow-word{background:linear-gradient(120deg,#7986cb 0%,#5c6bc8 40%,#9fa8da 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.landing-hero-sub{color:#9fa8dabf;text-align:left;text-wrap:balance;max-width:500px;animation:slideUp .8s var(--ease-out-expo) .2s both;margin:0 0 2.75rem;font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.7}.landing-hero-ctas{animation:slideUp .8s var(--ease-out-expo) .3s both;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.landing-cta-primary{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;transition:all .3s var(--ease-out-expo);align-items:center;gap:10px;padding:1rem 2.25rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #5c6bc84d,0 8px 32px #5c6bc826}.landing-cta-primary:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #5c6bc859,0 16px 48px #5c6bc833}.landing-cta-primary:active{transform:scale(.97)}.landing-cta-primary.magnetic,.landing-cta-ghost.magnetic,.landing-cta-org.magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s,border-color .3s}.landing-cta-ghost{border-radius:var(--radius-full);color:#fffc;-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease-out-expo);background:#ffffff0a;border:1px solid #ffffff26;align-items:center;gap:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-cta-ghost:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.landing-cta-org{border-radius:var(--radius-full);color:#d8b4fe;-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease-out-expo);background:#7c3aed1a;border:1px solid #7c3aed4d;align-items:center;gap:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-cta-org:hover{color:#fff;background:#7c3aed33;border-color:#7c3aed80;box-shadow:0 0 20px #7c3aed40}.landing-hero-animation{height:200vh;position:relative}.landing-hero-animation-sticky{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.landing-hero-animation-visual{aspect-ratio:3/4;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 0 40px #5c6bc826,0 20px 60px #0000004d}.landing-hero-animation-frame{object-fit:contain;border-radius:24px;width:100%;height:100%;display:block}.landing-hero-social-proof{opacity:0;align-items:center;gap:1rem;margin-top:2.5rem;animation:.8s .8s both fadeIn;display:flex}.landing-hero-social-proof-avatars{display:flex}.landing-hero-social-proof-avatars span{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:-8px;font-size:.625rem;font-weight:700;display:flex}.landing-hero-social-proof-text{color:#9fa8dab3;font-size:.875rem;font-weight:600}.landing-hero-social-proof-text strong{color:#ffffffe6}.landing-hero-scroll-hint{color:#9fa8da66;letter-spacing:.08em;text-transform:uppercase;z-index:3;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:600;animation:2.5s ease-in-out infinite scrollBounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{opacity:.4;transform:translate(-50%)}50%{opacity:.8;transform:translate(-50%,6px)}}.landing-hero-split{background:linear-gradient(135deg,#eef2fa 0%,#e8edf8 50%,#eef2fa 100%);grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:100vh;padding:8rem 3rem 5rem;display:grid}.landing-hero-split .landing-hero-badge{background:var(--primary-subtle);border-color:var(--primary-glow);color:var(--primary);margin-bottom:1.5rem;animation:.6s both fadeIn}.landing-hero-split .landing-hero-title{color:var(--text);text-align:left;max-width:600px;animation:none}.landing-hero-split .landing-hero-title.staggered-title{animation:none}.landing-hero-split .landing-hero-title .glow-word{background:linear-gradient(120deg,#7986cb 0%,#5c6bc8 50%,#9fa8da 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-split .landing-hero-sub{color:var(--text-2);text-align:left;max-width:460px;margin:0 0 2rem}.landing-hero-split .landing-hero-ctas{justify-content:flex-start}.landing-hero-split .landing-cta-primary{background:linear-gradient(135deg, var(--primary), var(--primary-active));box-shadow:0 6px 24px var(--primary-glow)}.landing-hero-split .landing-cta-primary:hover{filter:brightness(1.08);box-shadow:0 10px 36px var(--primary-glow);transform:translateY(-3px)}.landing-hero-split .landing-cta-ghost{color:var(--text);-webkit-backdrop-filter:blur(12px);background:#ffffff80;border-color:#00000014}.landing-hero-split .landing-cta-ghost:hover{background:var(--primary-subtle);border-color:var(--primary);color:var(--text)}.landing-hero-split-content{z-index:2;position:relative}.landing-hero-split-mockup{justify-content:center;align-items:center;display:flex;position:relative}.landing-hero-split .landing-hero-animation{width:100%;max-width:420px;height:120vh;margin:0 auto}.landing-hero-split .landing-hero-animation-sticky{justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:sticky;top:50%;transform:translateY(-50%)}.landing-hero-split .landing-hero-animation-frame{border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 0 40px #5c6bc826,0 20px 60px #0000001f}@media (max-width:900px){.landing-hero-split{text-align:center;grid-template-columns:1fr;gap:2rem;padding:5rem 1.5rem 3rem}.landing-hero-split .landing-hero-title{text-align:center;max-width:100%}.landing-hero-split .landing-hero-sub{text-align:center;margin-left:auto;margin-right:auto}.landing-hero-split .landing-hero-ctas{justify-content:center}.landing-hero-split .landing-hero-animation{max-width:320px;height:auto}.landing-hero-split .landing-hero-animation-sticky{position:relative;top:auto;transform:none}}.landing-hero-full-bg-static{background-image:url(/images/hero-bg.jpg);background-position:100%;background-size:cover;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-hero-full-bg-static:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f5f3fff2 0%,#f5f3ffbf 45%,#f5f3ff00 100%);width:55%;height:100%;position:absolute;top:0;left:0}.landing-hero-full-content{z-index:5;width:100%;max-width:1300px;margin:0 auto;padding:0 4.5rem;position:relative}.landing-hero-text-block{text-align:left;max-width:640px}.landing-hero-title.staggered-title{letter-spacing:-.02em;color:var(--text);font-size:4.25rem;font-weight:800;line-height:1.15}.landing-hero-sub{color:var(--text-2);margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.landing-hero-ctas{gap:1.25rem;margin-top:2.5rem;display:flex}@media (max-width:1024px){.landing-hero-full-bg-static{background-position:72%}.landing-hero-full-bg-static:before{background:linear-gradient(#f5f3fff2 0%,#f5f3ffcc 75%,#f5f3ff80 100%);width:100%}.landing-hero-full-content{text-align:center;padding:0 2rem}.landing-hero-text-block{max-width:100%;margin:0 auto}.landing-hero-title.staggered-title{font-size:3rem}.landing-hero-ctas{justify-content:center}}.hero-annotations-container{z-index:8;pointer-events:none;width:50%;height:100%;position:absolute;top:0;right:0}.hero-floating-badge{-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffbf;border:1px solid #7c3aed2e;border-radius:16px;align-items:center;gap:.75rem;padding:.65rem 1.15rem;transition:transform .3s,border-color .3s;display:flex;position:absolute;box-shadow:0 10px 30px #7c3aed0f,0 4px 10px #00000005}.hero-floating-badge:hover{border-color:#7c3aed59;transform:translateY(-5px)scale(1.02)!important}.hero-badge-icon-wrapper{width:2.25rem;height:2.25rem;color:var(--primary);background:#7c3aed14;border-radius:12px;justify-content:center;align-items:center;display:flex}.hero-badge-text{text-align:left;flex-direction:column;display:flex}.hero-badge-title{color:var(--text);letter-spacing:-.01em;font-size:.8125rem;font-weight:800}.hero-badge-subtitle{color:var(--text-2);font-size:.75rem;font-weight:500}.badge-float-1{animation:5s ease-in-out infinite floatAnim1;top:28%;left:6%}.badge-float-2{animation:6s ease-in-out infinite floatAnim2;top:15%;right:12%}.badge-float-3{animation:5.5s ease-in-out infinite floatAnim3;bottom:22%;right:18%}@keyframes floatAnim1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatAnim2{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)translate(4px)}}@keyframes floatAnim3{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)translate(-4px)}}@media (max-width:1024px){.hero-annotations-container{display:none}}.reveal{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}.landing-section{z-index:1;padding:7rem 1.5rem;position:relative}.landing-section-inner{z-index:2;z-index:2;max-width:1100px;margin:0 auto;position:relative}.landing-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.875rem;font-size:.75rem;font-weight:700;display:inline-block}.landing-h2{letter-spacing:-.035em;color:var(--text);margin:0 0 1rem;font-size:clamp(1.875rem,4vw,2.875rem);font-weight:800;line-height:1.12}.landing-section-sub{color:var(--text-2);max-width:560px;margin:0 0 3rem;font-size:1.125rem;line-height:1.7}.landing-section-head-center{text-align:center}.landing-section-head-center .landing-section-sub{margin-left:auto;margin-right:auto}.landing-skills-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.landing-skill-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), 0 0 0 1px #00000008, 0 2px 4px #00000005, 0 8px 24px #0000000a;transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo), border-color .4s var(--ease-out-expo);border:1px solid #ffffffe6;padding:1.75rem;position:relative;overflow:hidden}.landing-skill-card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--skill-color,#5c6bc8) 7%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.landing-skill-card:hover{border-color:color-mix(in srgb, var(--skill-color,#5c6bc8) 40%, #ffffffe6);box-shadow:var(--glass-highlight), 0 0 0 1px #5c6bc814, 0 8px 16px #00000008, 0 24px 56px #0000000f;transform:translateY(-8px)}.landing-skill-card:hover:before{opacity:1}.landing-skill-card.hovered{border-color:color-mix(in srgb, var(--skill-color,#5c6bc8) 50%, #ffffffe6);box-shadow:var(--glass-highlight), 0 0 0 1px #5c6bc81f, 0 8px 16px #00000008, 0 24px 56px #5c6bc814;transform:translateY(-8px)}.landing-skill-card:after{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0deg, var(--skill-color,#5c6bc8) 90deg, transparent 180deg, var(--skill-color,#5c6bc8) 270deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-skill-card:hover:after,.landing-skill-card.hovered:after{opacity:1}.landing-skill-icon{background:color-mix(in srgb, var(--skill-color,#5c6bc8) 12%, transparent);width:48px;height:48px;color:var(--skill-color,#5c6bc8);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.landing-skill-card:hover .landing-skill-icon{transform:scale(1.1)rotate(-4deg)}.landing-skill-title{color:var(--text);margin:0 0 6px;font-size:1.0625rem;font-weight:700}.landing-skill-desc{color:var(--text-2);margin:0;font-size:.875rem;line-height:1.55}.landing-skill-tag{letter-spacing:.08em;color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.landing-demo{background:linear-gradient(#eef2fa 0%,#e3e8f2 50%,#eef2fa 100%)}.landing-demo-panel{background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), 0 0 0 1px #00000008, 0 4px 8px #00000005, 0 16px 48px #0000000d;border:1px solid #ffffffeb;grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem;padding:3rem;display:grid}.landing-score-ring{width:210px;height:210px;margin:0 auto;position:relative}.landing-score-ring svg{transform:rotate(-90deg)}.landing-score-ring-bg{fill:none;stroke:var(--surface-2);stroke-width:12px}.landing-score-ring-fill{fill:none;stroke:url(#landingScoreGrad);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1)}.landing-score-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-score-value{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:3.25rem;font-weight:800;line-height:1}.landing-score-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-top:6px;font-size:.6875rem;font-weight:700}.landing-demo-words{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #ffffffb3;flex-wrap:wrap;gap:6px 10px;margin-bottom:1.25rem;padding:1.5rem;font-size:1.0625rem;line-height:1.7;display:flex}.landing-demo-word{opacity:0;font-weight:600;transition:opacity .3s,transform .3s;transform:translateY(6px)}.landing-demo-word.shown{opacity:1;transform:translateY(0)}.landing-demo-word.w-ok{color:#059669}.landing-demo-word.w-bad{color:#dc2626;text-decoration:line-through;text-decoration-thickness:2px}.landing-demo-meta{flex-wrap:wrap;gap:.75rem;display:flex}.landing-demo-chip{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.landing-demo-chip.c-ok{color:#059669;background:#0596691a;border:1px solid #05966940}.landing-demo-chip.c-warn{color:#b45309;background:#ffb74d1a;border:1px solid #ffb74d40}.landing-game-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.landing-game-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--glass-radius);text-align:center;box-shadow:var(--glass-highlight), 0 0 0 1px #00000008, 0 2px 4px #00000005, 0 8px 24px #0000000a;transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo);border:1px solid #ffffffe6;padding:2rem}.landing-game-card:hover{box-shadow:var(--glass-highlight), 0 0 0 1px #5c6bc814, 0 8px 16px #00000008, 0 24px 56px #0000000f;transform:translateY(-8px)}.landing-game-emoji{margin-bottom:1rem;font-size:2.25rem;display:block}.landing-mini-podium{justify-content:center;align-items:flex-end;gap:8px;height:88px;margin-bottom:1rem;display:flex}.landing-mini-podium div{transform-origin:bottom;border-radius:8px 8px 0 0;width:34px;animation:1s cubic-bezier(.16,1,.3,1) both podiumGrow}@keyframes podiumGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.landing-peer{border-radius:var(--glass-radius);background:linear-gradient(160deg,#080b1a 0%,#0e122a 40%,#12163a 70%,#0e122a 100%);grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;max-width:1100px;margin:0 auto;padding:4rem 3rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #0003}.landing-peer:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 30%,#5c6bc814 0%,#0000 60%),radial-gradient(50% 50% at 80% 20%,#7e6eac0f 0%,#0000 50%);position:absolute;inset:0}.landing-peer .landing-h2{color:#f8f7ff}.landing-peer .landing-section-sub{color:#c8c8e6cc;margin-bottom:2rem}.landing-peer-radar{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex;position:relative}.landing-peer-radar-center{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:2s ease-in-out infinite radarCenterPulse;display:flex;box-shadow:0 8px 32px #5c6bc880}.landing-peer-ring{border:2px solid #9fa8dab3;border-radius:50%;animation:2.8s ease-out infinite radarSweep;position:absolute}.landing-peer-ring-1{width:100px;height:100px}.landing-peer-ring-2{width:150px;height:150px;animation-delay:.7s}.landing-peer-ring-3{width:200px;height:200px;animation-delay:1.4s}.landing-marquee{padding:.5rem 0 1rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.landing-marquee-track{gap:1.25rem;width:max-content;animation:42s linear infinite marqueeScroll;display:flex}.landing-marquee:hover .landing-marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-quote-card{background:var(--glass-bg);width:340px;-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), 0 0 0 1px #00000008, 0 2px 4px #00000005, 0 8px 24px #0000000a;border:1px solid #ffffffe6;flex-shrink:0;padding:1.5rem}.landing-quote-text{color:var(--text);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.6}.landing-quote-author{align-items:center;gap:10px;display:flex}.landing-quote-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:800;display:flex}.landing-quote-name{color:var(--text);font-size:.8125rem;font-weight:700}.landing-quote-role{color:var(--text-3);font-size:.75rem}.landing-stats-strip{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:900px;margin:0 auto;display:grid}.landing-stat-item{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), 0 0 0 1px #00000008, 0 2px 4px #00000005, 0 8px 24px #0000000a;transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo);border:1px solid #ffffffe6;padding:1.75rem 1.25rem}.landing-stat-item:hover{box-shadow:var(--glass-highlight), 0 0 0 1px #5c6bc814, 0 8px 16px #00000008, 0 24px 56px #0000000f;transform:translateY(-4px)}.landing-stat-num{letter-spacing:-.03em;background:linear-gradient(135deg, var(--primary), var(--primary-active));-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.landing-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.8125rem;font-weight:600}.landing-faq-list{flex-direction:column;gap:.75rem;max-width:720px;margin:0 auto;display:flex}.landing-faq-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), 0 0 0 1px #00000008, 0 2px 4px #00000005, 0 8px 24px #0000000a;border:1px solid #ffffffe6;transition:border-color .3s,box-shadow .3s;overflow:hidden}.landing-faq-item[data-open=true]{border-color:var(--primary);box-shadow:var(--glass-highlight), 0 0 0 1px #5c6bc826, 0 8px 32px var(--primary-glow)}.landing-faq-q{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.375rem;font-family:inherit;font-size:.9375rem;font-weight:700;display:flex}.landing-faq-chevron{color:var(--text-3);flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.landing-faq-item[data-open=true] .landing-faq-chevron{color:var(--primary);transform:rotate(180deg)}.landing-faq-a{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1);display:grid}.landing-faq-item[data-open=true] .landing-faq-a{grid-template-rows:1fr}.landing-faq-a-inner{overflow:hidden}.landing-faq-a-text{color:var(--text-2);margin:0;padding:0 1.375rem 1.25rem;font-size:.875rem;line-height:1.65}.landing-final-cta{border-radius:var(--glass-radius);text-align:center;background:linear-gradient(160deg,#080b1a 0%,#0e122a 40%,#12163a 70%,#0e122a 100%);max-width:1100px;margin:0 auto;padding:5rem 2rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #0003}.landing-final-cta .landing-h2{color:#f8f7ff}.landing-final-cta-sub{color:#9fa8dacc;max-width:520px;margin:0 auto 2.25rem;font-size:1.0625rem;line-height:1.65}.landing-final-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#5c6bc833 0%,#7e6eac14 40%,#0000 65%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-footer{-webkit-backdrop-filter:blur(16px);background:#fff6;border-top:1px solid #0000000a;margin-top:5rem;padding:4rem 1.5rem 2.5rem}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.landing-footer-brand{font-family:var(--font-inter), sans-serif;letter-spacing:-.03em;color:var(--primary);font-size:1.375rem;font-weight:800}.landing-footer-tagline{color:var(--text-3);max-width:260px;margin-top:.5rem;font-size:.8125rem;line-height:1.6}.landing-footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0 0 .875rem;font-size:.75rem;font-weight:700}.landing-footer-col a{color:var(--text-2);padding:.25rem 0;font-size:.875rem;text-decoration:none;transition:color .2s;display:block}.landing-footer-col a:hover{color:var(--primary)}.landing-footer-bottom{max-width:1100px;color:var(--text-3);border-top:1px solid #0000000d;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:2.5rem auto 0;padding-top:1.5rem;font-size:.75rem;display:flex}@media (max-width:768px){.landing-footer-inner{flex-direction:column;gap:2rem}.landing-footer-inner nav{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}}@media (max-width:480px){.landing-footer-inner nav{grid-template-columns:1fr}}.device-mockup-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.device-glow{filter:blur(40px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#5c6bc82e 0%,#7e6eac0f 50%,#0000 70%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.device-laptop{cursor:default;transform-style:preserve-3d;width:100%;max-width:560px}.device-laptop-screen{background:#0a061a;border-radius:14px 14px 0 0;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #5c6bc826,0 12px 48px #00000080}.device-laptop-screen .device-screen{aspect-ratio:16/10;background:#0a061a;border-radius:8px;overflow:hidden}.device-laptop-screen .device-screen img{object-fit:cover;width:100%;height:100%;display:block}.device-laptop-base{background:linear-gradient(#1a1238,#0e0a20);border-radius:0 0 10px 10px;height:18px;position:relative;box-shadow:0 8px 24px #0006}.device-laptop-notch{background:#5c6bc833;border-radius:0 0 2px 2px;width:40%;height:2px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.device-phone{cursor:default;transform-style:preserve-3d;background:linear-gradient(145deg,#1a1238,#0e0a20);border-radius:32px;width:100%;max-width:260px;padding:10px 6px;box-shadow:inset 0 0 0 1px #5c6bc826,0 16px 56px #0009}.device-phone-notch{background:#0a061a;border-radius:0 0 14px 14px;width:110px;height:22px;margin:0 auto 8px;position:relative}.device-phone-notch:before{content:"";border:2px solid #5c6bc833;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.device-phone .device-screen{aspect-ratio:9/19.5;background:#0a061a;border-radius:18px;overflow:hidden}.device-phone .device-screen img{object-fit:cover;width:100%;height:100%;display:block}.device-phone-home{background:#5c6bc833;border-radius:4px;width:100px;height:4px;margin:10px auto 4px}.landing-showcase{z-index:1;padding:6rem 1.5rem;position:relative}.landing-showcase-tabs{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-bottom:2.5rem;display:flex}.landing-showcase-tab{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);color:var(--text-3);cursor:pointer;transition:all .3s var(--ease-out-expo);background:#fff6;border:1px solid #0000000f;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.landing-showcase-tab:hover{border-color:var(--primary);color:var(--text);background:#ffffffb3}.landing-showcase-tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;box-shadow:0 4px 16px var(--primary-glow);border-color:#0000}.landing-showcase-stage{justify-content:center;min-height:480px;display:flex;position:relative}.landing-showcase-panel{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(12px)scale(.97)}.landing-showcase-panel.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)scale(1)}.landing-showcase-caption{text-align:center;color:var(--text-2);max-width:480px;margin-top:1.5rem;font-size:.9375rem;line-height:1.55}.landing-showcase-caption strong{color:var(--text)}.landing-particle{pointer-events:none;z-index:1;opacity:0;background:#9fa8da8c;border-radius:50%;width:3px;height:3px;animation:9s ease-in-out infinite particleDrift;position:absolute}@keyframes particleDrift{0%,to{opacity:0;transform:translateY(0)translate(0)}12%{opacity:.7}88%{opacity:.7}50%{transform:translateY(-130px)translate(35px)}}.landing-peer-mockup{max-width:220px;margin:0 auto}.landing-peer-mockup .device-phone{max-width:220px}.landing-live-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite livePulse;box-shadow:0 0 8px #34d39999}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.landing-arena-mockup{justify-content:center;margin:2.5rem auto 0;display:flex}.landing-skill-preview{justify-content:center;align-items:center;min-height:340px;margin-top:2.5rem;display:flex}@media (max-width:900px){.landing-skills-grid{grid-template-columns:repeat(2,1fr)}.landing-game-grid{grid-template-columns:1fr}.landing-demo-panel{grid-template-columns:1fr;gap:2rem;padding:2rem}.landing-peer{text-align:center;grid-template-columns:1fr;padding:3rem 1.75rem}.landing-stats-strip{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}.landing-float-chip{display:none}.landing-showcase-stage{min-height:360px}.landing-skill-preview{min-height:240px}.landing-arena-mockup .device-laptop{max-width:400px}}@media (max-width:600px){.landing-skills-grid{grid-template-columns:1fr}.landing-section{padding:4rem 1.25rem}.landing-nav-links .landing-nav-link{display:none}.device-laptop{max-width:100%}.device-phone{max-width:180px}.landing-showcase-stage{min-height:280px}.landing-skill-preview{min-height:200px}.landing-showcase-tab{padding:.375rem .875rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.landing-hero-scroll-hint,.landing-hero-badge,.landing-hero-sub,.landing-hero-ctas,.landing-hero-social-proof,.landing-marquee-track,.landing-peer-ring,.landing-peer-radar-center,.landing-mini-podium div,.landing-particle,.landing-hero-title .glow-word,.landing-hero-title.staggered-title .title-word{animation:none}.reveal{opacity:1;transition:none;transform:none}.landing-waveform-bar,.landing-float-chip,.landing-waveform{animation:none}.scroll-progress{display:none}}.assistant-widget-container{z-index:9999;position:fixed;bottom:2rem;right:2rem}.assistant-launcher{background:linear-gradient(135deg, var(--primary) 0%, #a78bfa 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:4.25rem;height:4.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 8px 30px #7c3aed66}.assistant-launcher:hover{transform:scale(1.08);box-shadow:0 12px 35px #7c3aed8c}.assistant-launcher:active{transform:scale(.95)}.assistant-pulse-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;animation:2s infinite launcherPulse;position:absolute;top:0;right:0}.assistant-panel{-webkit-backdrop-filter:blur(24px);transform-origin:100% 100%;z-index:9999;background:#ffffffbf;border:1px solid #7c3aed33;border-radius:24px;flex-direction:column;width:380px;height:520px;display:flex;position:absolute;bottom:5.25rem;right:0;overflow:hidden;box-shadow:0 20px 50px #7c3aed26}.assistant-header{background:#ffffff73;border-bottom:1px solid #7c3aed1a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.assistant-profile{align-items:center;gap:.75rem;display:flex}.assistant-avatar{width:2.5rem;height:2.5rem;color:var(--primary);background:#7c3aed14;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.assistant-avatar-online{background:#10b981;border:2px solid #fff;border-radius:50%;width:.6rem;height:.6rem;position:absolute;bottom:-2px;right:-2px}.assistant-title-block{text-align:left;flex-direction:column;display:flex}.assistant-name{color:var(--text);font-size:.9375rem;font-weight:800}.assistant-status{color:var(--primary);align-items:center;gap:3px;font-size:.75rem;font-weight:600;display:flex}.glow-sparkle{color:#f59e0b;animation:1.5s infinite pulseGlow}.assistant-header-actions{align-items:center;gap:.5rem;display:flex}.assistant-action-btn{width:2rem;height:2rem;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.assistant-action-btn:hover{color:var(--primary);background:#7c3aed14}.btn-active{color:var(--primary)!important;background:#7c3aed1f!important}.assistant-chat-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-message{flex-direction:column;max-width:85%;display:flex}.msg-bot{align-self:flex-start}.msg-user{align-self:flex-end}.msg-content{text-align:left;border-radius:16px;padding:.75rem 1rem;font-size:.875rem;line-height:1.45}.msg-bot .msg-content{color:var(--text);background:#ffffffe6;border:1px solid #7c3aed14;border-top-left-radius:4px}.msg-user .msg-content{background:var(--primary);color:#fff;border-top-right-radius:4px}.msg-time{color:var(--text-3);align-self:flex-end;margin-top:.25rem;font-size:.6875rem}.msg-bot .msg-time{align-self:flex-start}.typing-indicator{gap:4px;display:flex;padding:.6rem .85rem!important}.typing-indicator span{background:var(--primary);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.assistant-voice-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.voice-wave-container{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.voice-orb{background:radial-gradient(circle, #c084fc 0%, var(--primary) 70%, #7c3aed4d 100%);border-radius:50%;width:80px;height:80px;box-shadow:0 0 30px #7c3aed80}.orb-listening{animation:1.8s ease-in-out infinite voiceOrbPulse}.orb-thinking{animation:1.4s ease-in-out infinite voiceOrbThinking}.voice-waves{align-items:center;gap:6px;height:40px;display:flex;position:absolute}.wave-bar{background:#fff;border-radius:2px;width:4px}.bar-1{height:16px;animation:1.2s ease-in-out infinite alternate voiceWave}.bar-2{height:32px;animation:1s ease-in-out .2s infinite alternate voiceWave}.bar-3{height:22px;animation:1.4s ease-in-out .1s infinite alternate voiceWave}.bar-4{height:28px;animation:1.1s ease-in-out .3s infinite alternate voiceWave}.voice-status-text{color:var(--text);font-size:.9375rem;font-weight:700;animation:1.5s infinite pulseOpacity}.voice-mode-stop-btn{color:var(--primary);cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed26;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8125rem;font-weight:700;transition:background .2s;display:flex}.voice-mode-stop-btn:hover{background:#7c3aed24}.assistant-footer{background:#ffffff73;border-top:1px solid #7c3aed1a;gap:.75rem;padding:1rem 1.25rem;display:flex}.assistant-input{color:var(--text);background:#fffc;border:1px solid #7c3aed26;border-radius:14px;flex:1;padding:.65rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.assistant-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.assistant-send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background .2s,transform .2s;display:flex}.assistant-send-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.assistant-send-btn:disabled{cursor:not-allowed;transform:none;background:#7c3aed33!important}@keyframes launcherPulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes voiceOrbPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #7c3aed80}50%{transform:scale(1.12);box-shadow:0 0 45px #7c3aedbf}}@keyframes voiceOrbThinking{0%,to{opacity:.8}50%{opacity:1}}@keyframes voiceWave{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}@keyframes pulseOpacity{0%,to{opacity:.8}50%{opacity:1}}.reveal-chat{animation:.4s cubic-bezier(.16,1,.3,1) forwards revealChatPanel}@keyframes revealChatPanel{0%{opacity:0;transform:scale(.85)translate(20px,20px)}to{opacity:1;transform:scale(1)translate(0)}}@media (max-width:480px){.assistant-panel{width:calc(100vw - 2rem);height:480px;right:-1rem}}.assistant-suggestions-grid{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:.25rem;padding:.25rem 0;display:grid}.assistant-suggestion-chip{color:var(--primary);cursor:pointer;text-align:left;background:#7c3aed0d;border:1px solid #7c3aed26;border-radius:12px;align-items:center;gap:4px;padding:.5rem .75rem;font-size:.75rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:flex}.assistant-suggestion-chip:hover{border-color:var(--primary);background:#7c3aed1a;transform:translateY(-1px)}.landing-score-card{gap:2rem;margin-top:3rem;display:flex}.landing-score-card-overall{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:320px;padding:2.5rem 2rem;display:flex;box-shadow:0 10px 30px #7c3aed0a}.overall-score-badge{margin-bottom:1.5rem}.overall-score-circle{border:8px solid var(--primary);background:radial-gradient(circle,#fff 0%,#f5f3ff 60%,#ede9fe 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 0 25px #7c3aed33}.score-num{color:var(--primary);font-size:3rem;font-weight:900;line-height:1}.score-max{color:var(--text-2);margin-top:2px;font-size:.8125rem;font-weight:700}.overall-score-meta h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.cefr-badge{background:var(--primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:20px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;display:inline-block}.overall-score-meta p{color:var(--text-2);font-size:.875rem;line-height:1.5}.landing-score-card-details{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;flex-direction:column;flex:2;gap:1.5rem;padding:2.5rem;display:flex;box-shadow:0 10px 30px #7c3aed0a}.details-header{color:var(--text);text-align:left;font-size:1.125rem;font-weight:800}.subscores-list{flex-direction:column;gap:.75rem;display:flex}.subscore-row-btn{cursor:pointer;text-align:left;background:#ffffff80;border:1px solid #7c3aed14;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.25rem;transition:all .2s;display:flex}.subscore-row-btn:hover{background:#ffffffe6;border-color:#7c3aed40;transform:translate(4px)}.row-active{box-shadow:0 4px 15px #7c3aed14;border-color:var(--primary)!important;background:#fffffff2!important}.row-title-block{align-items:center;gap:.75rem;display:flex}.row-icon{width:2rem;height:2rem;color:var(--primary);background:#7c3aed14;border-radius:10px;justify-content:center;align-items:center;display:flex}.row-active .row-icon{background:var(--primary);color:#fff}.row-text{flex-direction:column;display:flex}.row-name{color:var(--text);font-size:.875rem;font-weight:800}.row-desc{color:var(--text-2);font-size:.75rem}.row-score-block{align-items:center;gap:1rem;min-width:180px;display:flex}.row-score-val{color:var(--primary);text-align:right;min-width:1.5rem;font-size:1.25rem;font-weight:900}.row-progress-track{background:#7c3aed1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.row-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .4s}.diagnostic-feedback-box{border-left:4px solid var(--primary);text-align:left;background:#7c3aed0a;border-radius:0 12px 12px 0;padding:1.25rem 1.5rem}.diagnostic-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.diagnostic-text{color:var(--text);font-size:.875rem;font-weight:600;line-height:1.55}.score-slider-widget{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:20px;max-width:580px;margin:3rem auto;padding:1.5rem 2rem;box-shadow:0 10px 30px #7c3aed08}.score-slider-labels{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.slider-label-start,.slider-label-end{color:var(--text-2);font-size:.8125rem;font-weight:700}.slider-value-bubble{background:var(--primary);color:#fff;text-align:center;border-radius:12px;min-width:3rem;padding:.35rem 1rem;font-size:1.25rem;font-weight:900;box-shadow:0 4px 15px #7c3aed40}.score-range-input{-webkit-appearance:none;cursor:pointer;background:#7c3aed26;border-radius:4px;outline:none;width:100%;height:8px}.score-range-input::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 2px 10px #7c3aed66}.score-range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.score-conversion-grid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #7c3aed0a}.grid-header-row{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#7c3aed0d;border-bottom:1px solid #7c3aed1a;grid-template-columns:1fr 1fr 1.2fr 2.5fr;padding:1.25rem 2rem;font-size:.8125rem;font-weight:800;display:grid}.grid-body-row{cursor:pointer;text-align:left;border-bottom:1px solid #7c3aed0f;grid-template-columns:1fr 1fr 1.2fr 2.5fr;align-items:center;padding:1.25rem 2rem;transition:all .2s;display:grid}.grid-body-row:last-child{border-bottom:none}.grid-body-row:hover{background:#ffffffe6}.row-highlighted{box-shadow:inset 4px 0 0 var(--primary);background:#fffffff2!important}.grid-cell{color:var(--text-2);font-size:.875rem}.grid-cell.font-bold{color:var(--text);font-size:1.125rem;font-weight:900}.cefr-tag{color:var(--primary);background:#7c3aed14;border-radius:12px;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-block}.row-highlighted .cefr-tag{background:var(--primary);color:#fff}.cell-role-title{color:var(--text);margin-bottom:.15rem;font-size:.875rem;font-weight:800;display:block}.cell-role-desc{color:var(--text-2);font-size:.75rem;line-height:1.4}.landing-corporate-content{gap:2rem;margin-top:3rem;display:flex}.corporate-features-grid{flex:2;grid-template-columns:1fr;gap:1.25rem;display:grid}.corporate-feature-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#ffffffb3;border:1px solid #7c3aed26;border-radius:20px;padding:2rem;transition:transform .2s;box-shadow:0 10px 30px #7c3aed0a}.corporate-feature-card:hover{border-color:#7c3aed47;transform:translateY(-2px)}.corp-card-icon{width:2.75rem;height:2.75rem;color:var(--primary);background:#7c3aed14;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.corp-card-title{color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:800}.corp-card-desc{color:var(--text-2);font-size:.875rem;line-height:1.5}.corporate-metric-card{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);color:#fff;text-align:center;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:340px;padding:3rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #7c3aed40}.corporate-metric-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#fff0 75%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.metric-icon-wrap{background:#ffffff26;border-radius:16px;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;display:flex}.metric-large{letter-spacing:-.02em;margin-bottom:.5rem;font-size:4.5rem;font-weight:900;line-height:1}.metric-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:800;line-height:1.3}.metric-desc{color:#ffffffd9;margin-bottom:2rem;font-size:.875rem;line-height:1.5}.metric-badge-strip{background:#00000026;border-radius:20px;gap:.75rem;padding:.45rem 1rem;font-size:.75rem;font-weight:700;display:flex}.security-measures-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;display:grid}.security-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;padding:2rem 1.5rem;transition:transform .2s,border-color .2s;box-shadow:0 10px 30px #7c3aed0a}.security-card:hover{border-color:#7c3aed4d;transform:translateY(-4px)}.security-card-icon-wrapper{width:2.75rem;height:2.75rem;color:var(--primary);background:#7c3aed14;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.security-card-title{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:800;line-height:1.4}.security-card-desc{color:var(--text-2);font-size:.8125rem;line-height:1.55}@media (max-width:1024px){.security-measures-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-score-card,.landing-corporate-content{flex-direction:column;align-items:center}.landing-score-card-overall,.corporate-metric-card{width:100%;max-width:100%}.grid-header-row,.grid-body-row{grid-template-columns:1fr 1fr 1fr}.grid-header-row span:nth-child(2),.grid-body-row div:nth-child(2){display:none}}@media (max-width:600px){.security-measures-grid{grid-template-columns:1fr}.grid-header-row,.grid-body-row{grid-template-columns:1.2fr 1.5fr;padding:1rem}.grid-header-row span:nth-child(3),.grid-body-row div:nth-child(3){display:none}}.sandbox-tab-switcher{background:#7c3aed0d;border:1px solid #7c3aed1a;border-radius:16px;justify-content:center;gap:.75rem;max-width:480px;margin:2rem auto;padding:.35rem;display:flex}.sandbox-tab-btn{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:12px;flex:1;padding:.65rem 1rem;font-size:.875rem;font-weight:800;transition:all .2s}.sandbox-tab-btn:hover{color:var(--primary)}.tab-active{background:#fff;box-shadow:0 4px 12px #7c3aed14;color:var(--primary)!important}.sandbox-content-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;max-width:720px;margin:0 auto;padding:2.5rem;box-shadow:0 10px 30px #7c3aed0a}.repeat-instruction,.build-instruction{color:var(--text-2);margin-bottom:2rem;font-size:.9375rem;line-height:1.5}.audio-play-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:1.5rem auto .75rem;transition:transform .2s;display:flex;box-shadow:0 6px 20px #7c3aed4d}.audio-play-btn:hover:not(:disabled){transform:scale(1.08)}.audio-play-btn.playing{cursor:default;background:#8b5cf6;box-shadow:0 0 20px #7c3aed80}.playing-waves{align-items:center;gap:3px;display:flex}.playing-waves span{background:#fff;border-radius:2px;width:3px;animation:1s infinite alternate audioWave;display:block}.playing-waves span:first-child{height:12px;animation-delay:.1s}.playing-waves span:nth-child(2){height:20px;animation-delay:.3s}.playing-waves span:nth-child(3){height:14px;animation-delay:.2s}@keyframes audioWave{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.play-status-text{color:var(--primary);margin-bottom:2.5rem;font-size:.8125rem;font-weight:700;display:block}.repeat-options-list{flex-direction:column;gap:.85rem;display:flex}.repeat-opt-btn{cursor:pointer;text-align:left;background:#fff9;border:1px solid #7c3aed1a;border-radius:16px;align-items:center;width:100%;padding:1rem 1.5rem;transition:all .2s;display:flex}.repeat-opt-btn:hover:not(:disabled){border-color:var(--primary);background:#fff;transform:translateY(-1px)}.opt-number{color:var(--primary);background:#7c3aed14;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-right:1rem;font-size:.875rem;font-weight:800;display:flex}.opt-text{color:var(--text);flex:1;font-size:.9375rem;font-weight:700;line-height:1.4}.opt-correct{background:#dcfce799!important;border-color:#22c55e!important}.opt-incorrect{background:#fee2e299!important;border-color:#ef4444!important}.opt-icon-status{color:#22c55e;margin-left:.75rem}.repeat-feedback,.build-feedback{background:#7c3aed0a;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.reset-sandbox-btn{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #7c3aed33;border-radius:20px;align-items:center;gap:6px;padding:.4rem 1rem;font-size:.8125rem;font-weight:800;transition:all .2s;display:inline-flex}.reset-sandbox-btn:hover{background:var(--primary);color:#fff}.build-sentence-track{background:#7c3aed08;border:2px dashed #7c3aed26;border-radius:16px;justify-content:center;align-items:center;min-height:4.5rem;margin-bottom:2rem;padding:1.25rem;display:flex}.track-placeholder{color:var(--text-3);font-size:.875rem;font-weight:600}.track-words{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.track-word{color:var(--primary);background:#fff;border:1px solid #7c3aed26;border-radius:10px;align-items:center;padding:.5rem 1rem;font-size:.9375rem;font-weight:800;display:flex}.word-arrow{color:var(--text-3);margin-left:.5rem}.build-chips-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.build-chip-btn{color:var(--text);cursor:pointer;background:#fff;border:1px solid #7c3aed33;border-radius:12px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #7c3aed05}.build-chip-btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.chip-disabled{opacity:.4;cursor:default;background:#00000008;border-color:#0000}.analytics-dashboard-grid{grid-template-columns:1.2fr 1fr 1fr;gap:1.5rem;margin-top:3rem;display:grid}.analytics-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;flex-direction:column;padding:2rem;display:flex;box-shadow:0 10px 30px #7c3aed0a}.analytics-card-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.analytics-card-header h3{color:var(--text);font-size:1rem;font-weight:800}.card-icon{color:var(--primary)}.score-chart-container{border-bottom:1px solid #7c3aed1a;flex:1;justify-content:space-between;align-items:flex-end;height:180px;margin-bottom:1rem;padding:1rem 0;display:flex}.chart-bar-column{flex-direction:column;flex:1;align-items:center;display:flex}.bar-label-top{color:var(--primary);margin-bottom:.25rem;font-size:.75rem;font-weight:800}.chart-bar-track{background:#7c3aed0d;border-radius:8px;width:1rem;height:110px;position:relative;overflow:hidden}.chart-bar-fill{background:linear-gradient(to top, var(--primary) 0%, #8b5cf6 100%);border-radius:8px;width:100%;transition:height .4s;position:absolute;bottom:0}.bar-label-bottom{color:var(--text-2);margin-top:.5rem;font-size:.6875rem;font-weight:700}.streak-stats{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.streak-count{color:var(--primary);font-size:2.75rem;font-weight:900;line-height:1}.streak-label{color:var(--text-2);margin-top:2px;font-size:.8125rem;font-weight:700}.streak-calendar-grid{border-bottom:1px solid #7c3aed1a;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:1rem;padding-bottom:1.25rem;display:grid}.calendar-day-cell{flex-direction:column;align-items:center;gap:.25rem;display:flex}.day-name{color:var(--text-3);font-size:.6875rem;font-weight:800}.day-circle{width:1.5rem;height:1.5rem;color:var(--text-3);border:1px solid #7c3aed26;border-radius:50%;justify-content:center;align-items:center;display:flex}.day-active .day-circle{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.card-footer-text{color:var(--text-2);text-align:center;margin-top:auto;font-size:.75rem;font-weight:600}.weakness-list{flex-direction:column;gap:.85rem;margin-bottom:1rem;display:flex}.weakness-item{text-align:left;background:#ef444408;border:1px solid #ef444414;border-radius:12px;padding:.75rem 1rem}.weakness-word-header{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.problem-word{color:#ef4444;font-size:.875rem;font-weight:800}.correct-pronounce{color:#22c55e;font-size:.75rem;font-weight:700}.weakness-issue{color:var(--text-2);margin:0;font-size:.75rem;line-height:1.4}.analytics-tip-box{text-align:left;background:#7c3aed0a;border:1px dashed #7c3aed33;border-radius:12px;align-items:flex-start;gap:.5rem;margin-top:auto;padding:.85rem 1rem;display:flex}.tip-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.analytics-tip-box p{color:var(--text-2);margin:0;font-size:.75rem;font-weight:600;line-height:1.4}.comparison-table-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;margin-top:3rem;overflow:hidden;box-shadow:0 10px 30px #7c3aed0a}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#7c3aed0a;border-bottom:1px solid #7c3aed1a;padding:1.25rem 2rem;font-size:.8125rem;font-weight:800}.comparison-table td{color:var(--text-2);border-bottom:1px solid #7c3aed0f;padding:1.25rem 2rem;font-size:.875rem}.comparison-table tr:last-child td{border-bottom:none}.feature-name{font-weight:800;color:var(--text)!important}.comparison-table .highlight-column{color:var(--primary);background:#7c3aed05;border-left:1px solid #7c3aed14;border-right:1px solid #7c3aed14}.comparison-table th.highlight-column{color:var(--primary);background:#7c3aed0f}.use-cases-tab-wrapper{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:2.5rem 0;display:flex}.use-case-tab-btn{color:var(--text-2);cursor:pointer;background:#fff9;border:1px solid #7c3aed26;border-radius:16px;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:800;transition:all .2s;display:flex}.use-case-tab-btn:hover{border-color:var(--primary);color:var(--primary)}.active-case-tab{background:var(--primary);box-shadow:0 4px 15px #7c3aed33;border-color:var(--primary)!important;color:#fff!important}.use-case-details-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #7c3aed26;border-radius:28px;align-items:center;gap:3rem;padding:3rem;display:flex;box-shadow:0 10px 30px #7c3aed0a}.use-case-content-left{text-align:left;flex:2}.use-case-details-title{color:var(--text);margin-bottom:.75rem;font-size:1.35rem;font-weight:900}.use-case-details-desc{color:var(--text-2);margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.use-case-meta-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.meta-box{border-left:3px solid var(--primary);background:#7c3aed0a;border-radius:0 12px 12px 0;padding:.85rem 1.25rem}.meta-label{color:var(--primary);text-transform:uppercase;margin-bottom:.15rem;font-size:.75rem;font-weight:800;display:block}.meta-value{color:var(--text);font-size:.9375rem;font-weight:800}.use-case-graphics-right{flex:1;justify-content:center;display:flex}.graphics-circle-badge{border:2px dashed #7c3aed4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:170px;height:170px;animation:40s linear infinite spinCircle;display:flex}@keyframes spinCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.graphics-circle-badge span{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:800}.graphics-icon{color:var(--primary)}.landing-prep-content{gap:2rem;margin-top:3rem;display:flex}.prep-checklist-list{flex-direction:column;flex:2;gap:.85rem;display:flex}.prep-checklist-row{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:left;background:#ffffffb3;border:1px solid #7c3aed1f;border-radius:18px;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.prep-checklist-row:hover{border-color:var(--primary);background:#fff;transform:translate(4px)}.row-checked{background:#ffffffe6;border-color:#7c3aed4d!important}.checklist-box-icon{margin-top:3px;margin-right:1.25rem}.icon-checked{color:var(--primary)}.icon-unchecked{color:var(--text-3)}.checklist-item-title{color:var(--text);margin-bottom:.25rem;font-size:1rem;font-weight:800}.checklist-item-desc{color:var(--text-2);font-size:.8125rem;line-height:1.45}.prep-speed-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffffb3;border:1px solid #7c3aed26;border-radius:24px;flex-direction:column;flex:1;align-items:center;max-width:340px;padding:2.5rem 2rem;display:flex;box-shadow:0 10px 30px #7c3aed0a}.speed-icon-wrapper{width:3.5rem;height:3.5rem;color:var(--primary);background:#7c3aed14;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.prep-speed-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:800}.prep-speed-card p{color:var(--text-2);margin-bottom:2rem;font-size:.8125rem;line-height:1.5}.speed-test-action-block{width:100%;margin-top:auto}.speed-test-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:.85rem;font-size:.875rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #7c3aed33}.speed-test-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed4d}.testing-spinner-block{flex-direction:column;align-items:center;gap:.75rem;display:flex}.speed-test-spinner{border:3px solid #7c3aed1a;border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spinSpeed}@keyframes spinSpeed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.testing-spinner-block span{color:var(--text-2);font-size:.8125rem;font-weight:700}.speed-test-results{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.results-metrics{flex-direction:column;align-items:center;display:flex}.ping-val{color:#22c55e;font-size:2.25rem;font-weight:900;line-height:1}.ping-label{color:var(--text-2);margin-top:2px;font-size:.75rem;font-weight:800}.connection-badge{color:#22c55e;background:#22c55e1a;border-radius:12px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.speed-test-retry-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.speed-test-retry-btn:hover{text-decoration:underline}@media (max-width:1024px){.analytics-dashboard-grid{grid-template-columns:1fr;gap:1.25rem}}@media (max-width:768px){.use-case-details-card{flex-direction:column;gap:2rem;padding:2rem}.use-case-graphics-right{display:none}.landing-prep-content{flex-direction:column;align-items:center}.prep-speed-card{width:100%;max-width:100%}}@media (max-width:600px){.comparison-table th:nth-child(3),.comparison-table td:nth-child(3),.comparison-table th:nth-child(4),.comparison-table td:nth-child(4){display:none}}.landing-organize-container{max-width:1100px;margin:0 auto;padding:0 2rem}.organize-layout{grid-template-columns:1fr 1.65fr;align-items:start;gap:3rem;margin-top:3rem;display:grid}.organize-info-panel{flex-direction:column;gap:1.75rem;display:flex}.organize-info-item{align-items:flex-start;gap:1rem;display:flex}.organize-info-icon{width:2.5rem;min-width:2.5rem;height:2.5rem;color:var(--primary);background:#7c3aed14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.organize-info-item h4{color:var(--text);margin:0 0 .2rem;font-size:.9375rem;font-weight:800}.organize-info-item p{color:var(--text-2);margin:0;font-size:.8125rem;line-height:1.55}.organize-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #7c3aed26;border-radius:28px;padding:2.5rem;box-shadow:0 16px 48px #7c3aed0f}.organize-form{flex-direction:column;gap:1.25rem;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.org-field{flex-direction:column;gap:.4rem;display:flex}.org-field label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:flex}.req{color:#ef4444}.org-input{width:100%;color:var(--text);box-sizing:border-box;background:#ffffffd9;border:1.5px solid #7c3aed26;border-radius:14px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.org-input::placeholder{color:var(--text-3);font-weight:500}.org-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #7c3aed14}.org-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat}.org-textarea{resize:vertical;min-height:110px;line-height:1.6}.org-error-banner{color:#ef4444;background:#ef44440f;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:700;display:flex}.org-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.25rem;padding:.95rem;font-family:inherit;font-size:1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 20px #7c3aed40}.org-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #7c3aed59}.org-submit-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.org-privacy-note{text-align:center;color:var(--text-3);margin:0;font-size:.75rem;font-weight:600}.organize-success-state{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 1rem;display:flex}.success-icon-circle{color:#22c55e;background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) both scaleIn;display:flex}.organize-success-state h3{color:var(--text);margin:0;font-size:1.35rem;font-weight:900}.organize-success-state p{color:var(--text-2);max-width:360px;margin:0;font-size:.9375rem;line-height:1.6}.org-reset-btn{color:var(--primary);cursor:pointer;background:0 0;border:1.5px solid #7c3aed4d;border-radius:14px;margin-top:.5rem;padding:.65rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:800;transition:all .2s}.org-reset-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width:900px){.organize-layout{grid-template-columns:1fr;gap:2rem}.organize-info-panel{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}}@media (max-width:600px){.form-grid-2{grid-template-columns:1fr}.organize-form-card{padding:1.5rem 1.25rem}.organize-info-panel{grid-template-columns:1fr}}.admin-container{max-width:1300px;margin:0 auto;padding:2.5rem 1.5rem}.admin-header-row{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.admin-title{color:var(--text);letter-spacing:-.02em;margin-top:.25rem;font-size:2.25rem;font-weight:900}.admin-refresh-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #7c3aed33}.admin-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed4d}.admin-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.admin-stat-card{background:#fff;border:1px solid #7c3aed1a;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #7c3aed08}.stat-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex}.stat-icon-wrap.bg-purple{color:var(--primary);background:#7c3aed14}.stat-icon-wrap.bg-blue{color:#3b82f6;background:#3b82f614}.stat-icon-wrap.bg-green{color:#22c55e;background:#22c55e14}.stat-icon-wrap.bg-orange{color:#f97316;background:#f9731614}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.stat-val{color:var(--text);margin-top:.15rem;font-size:1.75rem;font-weight:900;line-height:1.1}.admin-layout-grid{grid-template-columns:1.6fr 1.2fr;align-items:start;gap:2rem;display:grid}.admin-card-wrap{background:#fff;border:1px solid #7c3aed1a;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #7c3aed08}.card-header-with-search{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.card-header-with-search h3{color:var(--text);font-size:1.25rem;font-weight:850}.admin-search-box{background:var(--bg-surface-2,#f5f3ff);border:1px solid #7c3aed1a;border-radius:12px;align-items:center;gap:.5rem;min-width:240px;padding:.5rem 1rem;display:flex}.admin-search-box input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:.875rem}.admin-search-box input::placeholder{color:var(--text-3)}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #7c3aed0f;padding:.75rem 1rem;font-size:.75rem;font-weight:800}.admin-table td{vertical-align:middle;border-bottom:1px solid #7c3aed0f;padding:1rem;font-size:.875rem}.admin-row-clickable{cursor:pointer;transition:background .15s}.admin-row-clickable:hover{background:#7c3aed05}.admin-row-clickable.active-row{background:#7c3aed0a}.admin-user-cell{align-items:center;gap:.75rem;display:flex}.admin-avatar-thumb{object-fit:cover;border:1px solid #7c3aed33;border-radius:50%;width:2rem;height:2rem}.admin-avatar-fallback{width:2rem;height:2rem;color:var(--primary);background:#7c3aed1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.badge-level{color:var(--primary);background:#7c3aed14;border-radius:8px;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-block}.timeline-feed-list{flex-direction:column;gap:1rem;max-height:520px;padding-right:.25rem;display:flex;overflow-y:auto}.feed-item-card{background:#7c3aed05;border:1px solid #7c3aed0d;border-radius:16px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.feed-avatar-cell{width:2.25rem;height:2.25rem;color:var(--primary);background:#7c3aed1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feed-initial{font-size:.9375rem;font-weight:850}.feed-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.feed-msg{color:var(--text);margin:0;font-size:.875rem;line-height:1.4}.feed-score-bar{color:var(--text-3);gap:1rem;font-size:.75rem;font-weight:700;display:flex}.feed-time{color:var(--text-3);margin-top:.15rem;font-size:.75rem}.user-details-pane{animation:.25s fadeIn}.back-to-feed-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:1.5rem;padding:0;font-size:.8125rem;font-weight:700}.back-to-feed-btn:hover{text-decoration:underline}.detail-profile-row{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.detail-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:3.5rem;height:3.5rem}.detail-avatar-fallback{width:3.5rem;height:3.5rem;color:var(--primary);background:#7c3aed1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-email{color:var(--text-2);align-items:center;gap:.35rem;font-size:.875rem;display:flex}.detail-meta-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.meta-box{background:var(--bg-surface-2,#f5f3ff);border-radius:14px;flex-direction:column;gap:.15rem;padding:.85rem 1.25rem;display:flex}.meta-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:800}.meta-val{color:var(--text);word-break:break-all;font-size:.875rem;font-weight:750}.section-title{color:var(--text);border-bottom:1px solid #7c3aed14;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:850}.activity-timeline{border-left:2px solid #7c3aed14;flex-direction:column;gap:1.5rem;max-height:380px;margin-left:.5rem;padding-left:.75rem;display:flex;overflow-y:auto}.timeline-item{position:relative}.timeline-dot{background:var(--primary);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:calc(-.75rem - 6px)}.timeline-content{flex-direction:column;gap:.15rem;display:flex}.timeline-header{justify-content:space-between;font-size:.8125rem;display:flex}.timeline-title{color:var(--text);font-weight:800}.timeline-time{color:var(--text-3)}.timeline-desc{color:var(--text-2);margin:0;font-size:.8125rem}.admin-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 1rem;display:flex}.admin-unauthorized-card{text-align:center;background:#fff;border:1px solid #ef444433;border-radius:24px;max-width:440px;margin:6rem auto;padding:2.5rem;box-shadow:0 16px 48px #ef44440a}.admin-unauthorized-card h2{color:#ef4444;margin-bottom:.5rem;font-size:1.5rem;font-weight:900}.admin-unauthorized-card p{color:var(--text-2);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.55}@media (max-width:1024px){.admin-layout-grid{grid-template-columns:1fr}}