:root{color-scheme:dark;--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--text-primary: #cccccc;--text-secondary: #969696;--text-on-accent: #ffffff;--font-mono: "Consolas", "Monaco", "Cascadia Code", monospace;--accent-amber: #fbbf24;--accent-amber-hover: #f59e0b;--text-on-amber: #1e1e1e;--wash-thunder: rgba(251, 191, 36, .12);--accent-blue: #007acc;--accent-blue-hover: #0066a3;--accent-blue-bright: #4a9eff;--accent-green: #4ec9b0;--accent-orange: #ce9178;--accent-red-bright: #ff7373;--accent-red-strong: #b91c1c;--accent-purple: #c586c0;--border-color: #3e3e42;--hover-bg: #2a2d2e;--active-bg: #094771;--wash-blue: rgba(74, 158, 255, .1);--wash-green: rgba(67, 160, 71, .1);--wash-amber: rgba(245, 166, 35, .1);--wash-red: rgba(244, 71, 71, .1);--overlay-bg: rgba(0, 0, 0, .7);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .35);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .5rem;--radius-full: 999px}html{font-family:var(--font-mono)}code,pre,kbd,samp{font-family:inherit}button,input,select,textarea{font-family:inherit;accent-color:var(--accent-blue)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent-blue-bright);outline-offset:2px}:where(button,input,select,textarea):disabled{opacity:.5;cursor:not-allowed}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important}}:root{--landing-section-bg: rgba(0, 0, 0, .5);--landing-panel-bg: rgba(37, 37, 38, .65);--landing-inset-bg: rgba(45, 45, 48, .4);--landing-header-bg: rgba(30, 30, 30, .75);--landing-menu-bg: rgba(37, 37, 38, .85)}.gradient-bg{position:fixed;top:0;left:0;right:0;height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(96,165,250,.08),transparent),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(168,85,247,.08),transparent);pointer-events:none;z-index:-1}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}[data-i18n-pending]{visibility:hidden}:root{--color-bg: var(--bg-primary);--color-bg-elevated: var(--bg-secondary);--color-surface: var(--bg-tertiary);--color-border: var(--border-color);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-primary: var(--accent-blue);--color-primary-light: var(--accent-blue-bright);--color-cyan: var(--accent-blue-bright);--color-purple: var(--accent-purple);--color-edithor: var(--accent-amber);--color-connecthor: var(--accent-blue-bright);--color-rankirama: var(--accent-purple);--color-gamerama: var(--accent-green)}body{background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;position:relative;isolation:isolate;min-height:100vh}section,footer{position:relative}main{max-width:1400px;margin:0 auto;padding:0;position:relative;z-index:1}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;min-height:2.75rem;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:var(--text-on-accent);border:1px solid var(--color-primary-light)}.btn-primary:hover{background:var(--accent-blue-hover)}.btn-thunder{background:var(--accent-amber);color:var(--text-on-amber);border:1px solid var(--accent-amber)}.btn-thunder:hover{background:var(--accent-amber-hover);border-color:var(--accent-amber-hover)}.btn-outline{background:var(--bg-tertiary);color:var(--color-text);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.btn-large{padding:1rem 2rem;font-size:1.05rem}.text-highlight{color:var(--accent-blue-bright)}.auth-modal-overlay{position:fixed;inset:0;z-index:200;background:var(--overlay-bg);display:grid;place-items:center;padding:1.5rem}.auth-modal{width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;background:var(--landing-menu-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.auth-modal-header h3{font-size:1.15rem;margin:0}.auth-modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem .5rem;border-radius:var(--radius-md)}.auth-modal-close:hover{color:var(--color-text);background:var(--bg-tertiary)}.auth-modal-body{padding:1.5rem;overflow-y:auto;display:grid;gap:.75rem;font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.auth-modal-body h4{color:var(--color-text);font-size:.95rem;margin-top:.5rem}.auth-modal-body p{margin:0}.auth-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.auth-page{min-height:100vh;padding:7.5rem 0 5rem;position:relative}.auth-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--landing-header-bg);border-bottom:1px solid var(--color-border)}.auth-nav{display:flex;align-items:center;justify-content:space-between;height:60px}.auth-logo{display:inline-flex;align-items:center;gap:.75rem;color:var(--color-text);text-decoration:none;font-weight:600;font-size:1.25rem}.auth-logo-icon{width:48px;height:auto;border-radius:var(--radius-md)}.auth-logo-complete{display:none;height:32px;width:auto;object-fit:contain}@media(min-width:769px){.auth-logo-icon{display:none}.auth-logo-complete{display:block}}.auth-shell{max-width:600px;margin:0 auto}.auth-hero{display:grid;gap:1.25rem;align-content:start}.auth-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--color-text-muted)}.auth-hero h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.02em}.auth-hero p{color:var(--color-text-muted);font-size:1.05rem;max-width:520px}.auth-link{color:var(--color-cyan);text-decoration:none}.auth-link:hover{color:var(--color-primary-light)}.auth-panel{display:grid;gap:1.5rem}.auth-summary{padding:1.25rem 1.375rem;border-radius:var(--radius-md);background:var(--landing-panel-bg);border:1px solid var(--color-border)}.auth-summary h4{margin-top:.25rem;font-size:1.1rem}.auth-summary ul{list-style:none;margin-top:1rem;display:grid;gap:.75rem}.auth-summary li{padding:.75rem .875rem;background:var(--landing-inset-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.auth-summary small{display:block;color:var(--color-text-muted);margin-top:.25rem;font-size:.85rem}.auth-card{padding:1.75rem;border-radius:var(--radius-md);background:var(--landing-panel-bg);border:1px solid var(--color-border)}.auth-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.auth-card-header h3{font-size:1.25rem}.auth-badge{padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8rem;background:var(--wash-blue);color:var(--color-primary-light);border:1px solid var(--accent-blue)}.auth-form{display:grid;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.auth-input{width:100%;padding:.75rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.95rem}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.auth-checkbox{display:flex;align-items:center;gap:.625rem;font-size:.9rem;color:var(--color-text-muted)}.auth-error{color:var(--accent-red-bright);font-size:.9rem}.auth-hint{color:var(--color-text-muted);font-size:.85rem}.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.auth-actions .btn{flex:1 1 160px}.auth-toggle{display:inline-flex;gap:.5rem;padding:.375rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--color-border)}.auth-toggle button{background:transparent;border:none;color:var(--color-text-muted);padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem}.auth-toggle button[data-active=true]{background:var(--wash-blue);color:var(--color-text)}.auth-success{text-align:center}.auth-success-icon{width:72px;height:72px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--wash-blue);color:var(--color-cyan)}.auth-success h2{font-size:1.6rem;margin-bottom:.75rem}.auth-apps{list-style:none;display:grid;gap:.625rem;margin:1rem 0 1.25rem}.auth-apps li{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:var(--radius-md);background:var(--landing-inset-bg)}.auth-apps li strong{color:var(--color-cyan)}.auth-countdown{color:var(--color-text-muted);margin-top:.75rem}.auth-divider{height:1px;background:var(--color-border);margin:1rem 0}[data-stage-panel]{display:none}[data-stage=credentials] [data-stage-panel=credentials],[data-stage=mfa] [data-stage-panel=mfa],[data-stage=success] [data-stage-panel=success],[data-stage=invalid] [data-stage-panel=invalid]{display:block}[data-mode=direct] [data-summary],[data-mode=direct] [data-success-mode=oauth],[data-mode=oauth] [data-success-mode=direct],[data-popup=true] [data-popup-only=false],[data-popup=false] [data-popup-only=true]{display:none}.auth-tabs{display:flex;gap:.25rem;padding:.25rem;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--color-border)}.auth-tabs button{flex:1;background:transparent;border:none;color:var(--color-text-muted);padding:.625rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.auth-tabs button[data-active=true]{background:var(--wash-blue);color:var(--color-text)}.auth-tabs button:hover:not([data-active=true]){color:var(--color-text)}[data-tab-panel]{display:grid;gap:1.5rem}[data-tab=login] [data-tab-panel=register],[data-tab=register] [data-tab-panel=login]{display:none}@media(max-width:960px){.auth-page{padding-top:6.875rem}}@media(max-width:640px){.auth-grid{grid-template-columns:1fr}.auth-actions{flex-direction:column}}