:root{color-scheme:light;--auth-accent: #246bfd;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;letter-spacing:0}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#f3f5f8;color:#17181a}button,input{font:inherit;letter-spacing:0}button{color:inherit}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5f8}.auth-card{width:min(420px,100%);display:grid;gap:22px;padding:34px;border:1px solid #e4e8ee;border-radius:12px;background:#fff;box-shadow:0 22px 70px #1722361f}.auth-brand{display:flex;align-items:center;gap:10px;color:#21252b;font-size:15px;font-weight:700}.auth-brand .brand-mark{flex:0 0 auto;width:50px;height:50px;display:block;padding:0;background:transparent;object-fit:cover;border-radius:10px}.auth-logo-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:#17181a;border-radius:7px}.auth-logo-mark i{border-radius:3px;background:#ff765f}.auth-logo-mark i:nth-child(2){background:#3ecf8e}.auth-logo-mark i:nth-child(3){background:#f2b84b}.auth-logo-mark i:nth-child(4){background:#6f7cff}.auth-card h1{margin:8px 0;color:#171a1f;font-size:26px;line-height:1.2}.auth-description{margin:0;color:#747b86;font-size:13px;line-height:1.7}.auth-welcome{min-height:330px;align-content:center}.auth-eyebrow{display:inline-block;margin-bottom:8px;color:#7d828b;font-size:10px;font-weight:750;letter-spacing:.04em}.auth-help{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8c929b;font-size:11px}.auth-help button,.auth-verification-switch{padding:0;border:0;background:transparent;color:var(--auth-accent);font-size:11px;cursor:pointer}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#4e5662;font-size:12px;font-weight:650}.auth-form input{width:100%;height:42px;padding:0 12px;border:1px solid #dfe3e8;border-radius:7px;outline:0;background:#fbfcfd;color:#1b1e23;font-size:13px}.auth-form input:focus{border-color:#7da7fa;box-shadow:0 0 0 3px #246bfd1f;background:#fff}.auth-verification{display:grid;gap:7px;min-width:0}.auth-verification small{color:#747b86;font-size:11px;line-height:1.5}.auth-verification-switch{justify-self:start;padding:2px 0;font-size:12px}.auth-submit{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:5px;padding:0 15px;border:0;border-radius:7px;background:#17191d;color:#fff;font-weight:700;cursor:pointer}.auth-submit:hover:not(:disabled){background:#292c32}.auth-submit:disabled{background:#d3d5d9;color:#f5f5f5;cursor:not-allowed}.auth-submit svg,.auth-loading svg{width:16px;height:16px;animation:auth-spin .8s linear infinite}.auth-error{margin:0;color:#c24e48;font-size:12px;line-height:1.5}.auth-note{color:#a0a6af;font-size:11px;text-align:center}.auth-loading{display:flex;align-items:center;gap:8px;color:#77808c;font-size:13px}@keyframes auth-spin{to{transform:rotate(360deg)}}
