/* ============ LOGIN ============ */
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,56px);align-items:center;padding-block:clamp(20px,5vw,56px)}
.auth-side{background:linear-gradient(160deg,var(--blue-soft),var(--lime-soft));border-radius:40px;padding:clamp(24px,4vw,44px);display:grid;gap:18px;align-content:start}
.ben{display:grid;gap:8px}
.ben li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.75);border-radius:18px;padding:10px 14px;font-weight:700;color:var(--ink)}
.ben .ib{width:34px;height:34px;border-radius:11px;background:var(--surface)}
.acard{width:100%;max-width:460px;justify-self:center;background:var(--surface);border-radius:32px;padding:clamp(22px,4vw,32px);box-shadow:var(--sh);display:grid;gap:18px}
.acard h2{font-size:1.9rem}
.stepdots{display:flex;gap:6px}.stepdots i{height:6px;flex:1;border-radius:9px;background:var(--soft)}.stepdots i.on{background:var(--ink)}
.fl{display:grid;gap:6px;min-width:0}
.fl>label,.fl .lab{font-size:13.5px;font-weight:700;color:var(--ink2)}
.inp{height:50px;border:1.5px solid var(--line2);border-radius:16px;padding:0 15px;font:600 15.5px var(--f);color:var(--ink);background:var(--surface);width:100%;min-width:0}
textarea.inp{height:auto;min-height:84px;padding:12px 15px;resize:vertical}
.inp:focus{outline:none;border-color:var(--ink)}
.phone-in{display:flex;border:1.5px solid var(--line2);border-radius:18px;overflow:hidden;background:var(--surface)}
.phone-in:focus-within{border-color:var(--ink)}
.phone-in span{display:grid;place-items:center;padding:0 14px;font-weight:800;color:var(--ink);background:var(--canvas)}
.phone-in input{flex:1;min-width:0;border:0;height:52px;padding:0 14px;font:700 17px var(--f);letter-spacing:.04em;color:var(--ink);background:transparent;outline:none}
.otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.otp input{height:58px;text-align:center;border:1.5px solid var(--line2);border-radius:16px;font:800 24px var(--f);color:var(--ink);background:var(--surface);width:100%;min-width:0}
.otp input:focus{outline:none;border-color:var(--ink);background:var(--lime-soft)}
.demo{font-size:13px;color:var(--warn);background:var(--warn-soft);padding:9px 12px;border-radius:12px;font-weight:700}
.backlink{display:inline-flex;gap:6px;align-items:center;background:none;border:0;padding:0;font-weight:700;color:var(--muted);font-size:14px;justify-self:start;min-height:36px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-side{order:2}}
@media (max-width:480px){.g2{grid-template-columns:1fr}}