.auth-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(350px,1fr) minmax(400px,1fr);background:#0c0e16;color:#f6f6fc}.auth-layout *{box-sizing:border-box}.auth-story{background:#141725;padding:42px 8%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #2b2e40}.auth-story .brand{padding:0}.auth-story-main{margin:35px 0;max-width:430px}.auth-story h1{font-size:clamp(32px,3.2vw,46px);line-height:1.4;letter-spacing:-1px;margin:30px 0 16px}.auth-story p{color:#b5bbce;line-height:1.9;font-size:16px}.auth-private{font-size:12px;color:#a9b1c9;line-height:1.8}.auth-phone-art{border:1px solid #515773;border-radius:24px;width:182px;padding:16px 18px 20px;box-shadow:10px 12px 0 #23283e;background:#1d2235;color:#c9baff;display:flex;align-items:center;flex-direction:column;gap:10px}.auth-phone-speaker{width:44px;height:4px;border-radius:4px;background:#626a86}.auth-phone-art>i{font-size:28px;margin-top:10px}.auth-phone-art strong{font-size:14px;letter-spacing:1px}.auth-mini-row{font-size:11px;align-self:stretch;display:flex;gap:9px;background:#2b3048;border-radius:7px;padding:7px 10px;color:#dce1ee}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 7%}.auth-card{width:100%;max-width:410px}.auth-symbol{width:46px;height:46px;display:grid;place-items:center;background:#26213d;color:#c3adff;border-radius:14px;font-size:21px}.auth-card h2{font-size:29px;margin:22px 0 8px;letter-spacing:-.5px}.auth-subtitle{color:#b2b8cc;line-height:1.8;font-size:14px;margin:0 0 25px}.auth-subtitle strong{color:#e4dafc;overflow-wrap:anywhere}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;color:#d0d5e4;font-size:13px}.auth-card input{width:100%;height:46px;background:#171b29;border:1px solid #383e54;color:#f6f6fc;border-radius:9px;padding:10px 13px;box-shadow:none}.auth-card input:focus{outline:2px solid #b398ff;outline-offset:2px;border-color:#b398ff}.auth-card input::placeholder{color:#858da5;font-size:12px}.auth-card button:focus-visible,.auth-card summary:focus-visible{outline:2px solid #c6b1ff;outline-offset:3px}.auth-card .auth-primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#aa86f5;color:#141020;min-height:47px;border:0;border-radius:9px;box-shadow:none;font-weight:600;margin-top:6px}.auth-primary:disabled{opacity:.6}.auth-modes{display:flex;border-bottom:1px solid #343a50;margin-bottom:24px;gap:22px}.auth-modes button{flex:1;border:0;border-radius:0;background:none;color:#9da6c0;padding:10px 0;box-shadow:none;border-bottom:2px solid transparent}.auth-modes .selected{color:#d3baff;border-bottom-color:#b398ff}.auth-switch,.auth-resend{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin-top:24px;color:#afb8d1}.auth-card .text-link{background:none;border:0;box-shadow:none;color:#c7b2ff;padding:4px}.auth-card .auth-otp{height:64px;text-align:center;letter-spacing:.32em;font-size:26px;font-weight:600}.auth-card .auth-otp::placeholder{letter-spacing:0}.auth-hint{font-size:12px;color:#a4aec8;line-height:1.7;margin:0}.auth-card .auth-error{font-size:13px;border-left:3px solid #f29ea5;color:#ffc1c6;background:#321c29;line-height:1.7;padding:10px 13px;margin:0;border-radius:0 7px 7px 0}.auth-error[hidden]{display:none}.auth-security{border-top:1px solid #282d3e;margin-top:28px;padding-top:18px;color:#8d98b5;font-size:11px;line-height:1.8}.auth-back{display:block;margin:18px auto 0}.auth-card .optional-field{font-size:12px;color:#aab5cf}.auth-card .optional-field label{margin-top:12px}#authDelivery{text-align:center;margin-top:10px}.onboarding-steps{display:flex;gap:16px;flex-wrap:wrap}.onboarding-steps a{flex:1;min-width:180px;padding:18px;background:var(--surface,#191c2a);border:1px solid var(--border,#34384b);border-radius:12px;display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.onboarding-steps i{font-size:22px;color:#b79af6}.onboarding-steps small{display:block;color:var(--muted,#a1a9bc);margin-top:4px}
@media(max-width:780px){.auth-layout{display:block}.auth-story{padding:24px;border:0;background:#141725}.auth-story-main,.auth-private{display:none}.auth-form-side{padding:30px 24px 45px}.auth-card h2{font-size:26px}.auth-card{max-width:440px}.auth-story .brand{font-size:17px}.auth-story .brand small{font-size:10px}}
.auth-card label{margin:0}.auth-card .optional-field{margin:0}.auth-card form{margin:0}.auth-card .optional-field summary{padding:0}