:root{--bg:#0d0d0d;--bg-grad-top:#2a2a2a;--bg-grad-bottom:#0a0a0a;--surface:#1a1a1a;--surface-border:#2a2a2a;--surface-subtle:#ffffff0a;--surface-subtle-2:#ffffff0f;--text:#fff;--text-display:#fafff5;--text-dim:#ffffffb3;--text-muted:#ffffff80;--text-faint:#fff6;--border:#333;--border-strong:#ffffff26;--border-mid:#ffffff1f;--hairline:#ffffff14;--accent:#6db3f2;--danger:#ff6b6b;--brand-gold:#d4a866;--brand-blue:#668abf;--r-box:8px;--r-field:10px;--r-card:12px;--r-button:14px;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-2xl:40px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Matangi", "Inter", serif;--maxw:1080px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.5px;margin:0;font-weight:700}.font-display{font-family:var(--font-display)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.accent{color:var(--accent)}.card{background:var(--surface-subtle);border:1px solid var(--border-strong);border-radius:var(--r-card);padding:var(--sp-xl)}.card-tight{padding:var(--sp-lg)}.modal-card{border-color:var(--border-mid);background:#191919;box-shadow:0 20px 60px #0009}.btn{border-radius:var(--r-button);height:48px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#0d0d0d;background:#fff}.btn-primary:hover:not(:disabled){background:#f0f0f0}.btn-secondary{background:var(--surface-subtle-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:#ffffff47}.btn-ghost{color:var(--text);border-color:var(--border-mid);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle)}.btn-block{width:100%}.field{margin-bottom:var(--sp-lg);flex-direction:column;gap:7px;display:flex}.field-label{color:var(--text-dim);font-size:13px;font-weight:500}.input{border-radius:var(--r-field);background:var(--surface-subtle-2);border:1px solid var(--border-strong);height:48px;color:var(--text);font-family:var(--font-body);outline:none;padding:0 14px;font-size:15px;transition:border-color .15s}.input::placeholder{color:#ffffff59}.input:focus{border-color:#fff6}.pill{border:1px solid var(--border-strong);background:var(--surface-subtle);height:26px;color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-soon{color:var(--text-muted)}.notice{border-radius:var(--r-card);padding:14px;font-size:14px;line-height:1.45}.notice-error{color:#ffb4b4;background:#ff44441a;border:1px solid #ff5a5a73}.notice-info{background:var(--surface-subtle);border:1px solid var(--border-mid);color:var(--text-dim)}.hairline{background:var(--hairline);height:1px;margin:var(--sp-lg) 0;border:0}.link{color:var(--text-dim);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.link:hover{color:var(--text)}.footer-link{font-size:13px;transition:color .15s}.footer-link:hover{color:var(--text)}.menu-row:hover{background:var(--surface-subtle)}.row-link{color:var(--text);cursor:pointer;padding:2px 0;font-size:14px;transition:color .15s;display:block}.row-link:hover{color:var(--text)}@keyframes pg-line{0%{stroke-dashoffset:430px}to{stroke-dashoffset:0}}@keyframes pg-circle{0%{stroke-dashoffset:380px}to{stroke-dashoffset:0}}@keyframes pg-fade{to{opacity:1}}.pg-line{stroke-dasharray:430;animation:1.9s ease-out forwards pg-line}@keyframes pg-line-wide{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.pg-line-wide{stroke-dasharray:1000;animation:1.9s ease-out forwards pg-line-wide}.pg-circle{stroke-dasharray:380;animation:1.7s ease-out .3s both pg-circle}.pg-dot{opacity:0;animation:.5s 1.5s forwards pg-fade,4.5s ease-in-out 3.2s infinite pg-dot-pulse}@keyframes wm-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.wm-in{opacity:0;animation:1.4s cubic-bezier(.22,1,.36,1) 1.3s forwards wm-in}@keyframes actions-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.actions-in{opacity:0;animation:.6s ease-out 2.4s forwards actions-in}@keyframes wm-sheen{0%,to{background-position:0%}50%{background-position:100%}}.wm-in .font-display{background-size:320%;animation:5.5s ease-in-out 3.4s infinite wm-sheen}@keyframes pg-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.wm-in .font-display{background-position:0%;animation:none}.pg-dot{animation:.5s 1.5s forwards pg-fade}}.welcome-actions .btn-primary{background:#fffffff2}.welcome-actions .btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00000059}.welcome-actions .btn-secondary{color:var(--text-display);border-color:var(--border-mid);background:#ffffff0a}.welcome-actions .btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff6;transform:translateY(-1px)}.role-card{text-align:left;cursor:pointer;background:#ffffff0a;border:.5px solid #ffffff1f;border-radius:14px;width:100%;padding:24px;transition:background .15s,border-color .15s,transform 60ms;display:block}.role-card:hover{background:#ffffff0f;border-color:#ffffff47}.role-card:active{transform:translateY(1px)}