.su{--su-bg:#0b1220;--su-surface:#131c2e;--su-border:#ffffff1f;--su-text:#e6edf6;--su-muted:#8a97a8;--su-accent:#3b82f6;--su-danger:#f87171;background:var(--su-bg);min-height:100vh;color:var(--su-text);box-sizing:border-box;justify-content:center;align-items:center;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.su *{box-sizing:border-box}.su__card{background:var(--su-surface);border:1px solid var(--su-border);border-radius:16px;width:100%;max-width:440px;padding:28px}.su__title{margin:0 0 4px;font-size:24px}.su__sub{color:var(--su-muted);margin:0 0 20px;font-size:14px}.su__error{border:1px solid var(--su-danger);color:var(--su-danger);background:#f871711f;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:14px}.su__form{gap:14px;display:grid}.su__field{color:var(--su-muted);gap:6px;font-size:13px;display:grid}.su__field input,.su__field select{border:1px solid var(--su-border);background:var(--su-bg);width:100%;color:var(--su-text);border-radius:8px;padding:10px 12px;font-size:15px}.su__field input:focus-visible,.su__field select:focus-visible{outline:2px solid var(--su-accent);outline-offset:1px}.su__domain{align-items:center;gap:8px;display:flex}.su__domain input{flex:1}.su__suffix{color:var(--su-muted);white-space:nowrap;font-size:14px}.su__submit{background:var(--su-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px 16px;font-size:15px;font-weight:700}.su__submit:hover{filter:brightness(1.08)}.su__foot{color:var(--su-muted);text-align:center;margin:18px 0 0;font-size:13px}.su__foot a{color:var(--su-accent)}