:root{--account-ink:#111827;--account-accent:#ff5a36;--account-soft:#fff4ef}
.account-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,560px);background:#fff;color:var(--account-ink)}
.account-brand{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#171923 0%,#25283a 62%,#3a2530 100%);color:#fff;position:relative;overflow:hidden}
.account-brand:after{content:"";position:absolute;width:26rem;height:26rem;border-radius:50%;right:-9rem;bottom:-10rem;background:radial-gradient(circle,#ff684777,transparent 68%)}
.account-logo{position:absolute;left:clamp(3rem,7vw,7rem);top:3rem;color:#fff;text-decoration:none;font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.7rem}
.account-logo span{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.65rem;background:var(--account-accent)}
.account-brand h1{font-size:clamp(2.3rem,4.2vw,4.8rem);line-height:1.08;letter-spacing:-.05em;margin:0 0 1.5rem;max-width:850px}
.account-brand p{font-size:1.08rem;color:#cdd0dc;margin:0;line-height:1.8}
.account-card{align-self:center;margin:clamp(2rem,7vw,6rem);max-width:420px}
.account-card small{color:var(--account-accent);font-weight:700;letter-spacing:.08em}
.account-card h2{font-size:2rem;margin:.45rem 0 2rem}
.account-card form{display:grid;gap:.65rem}
.account-card label{font-size:.92rem;font-weight:650;margin-top:.45rem}
.account-card input{box-sizing:border-box;width:100%;height:3.15rem;border:1px solid #d8dce6;border-radius:.75rem;padding:0 1rem;font:inherit;outline:none;transition:.18s}
.account-card input:focus{border-color:var(--account-accent);box-shadow:0 0 0 3px #ff5a3619}
.account-card button{height:3.2rem;margin-top:1rem;border:0;border-radius:.75rem;background:var(--account-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.account-card button:hover{background:#ed4927}
.account-switch{margin-top:1.5rem;color:#667085;font-size:.95rem}.account-switch a{color:var(--account-accent);font-weight:650;text-decoration:none}
.form-error{color:#c9362b;font-size:.84rem}.validation-summary-valid{display:none}
.form-success,.send-code-message.success{color:#087a55;background:#eaf9f2;border:1px solid #bcebd7;padding:.75rem .9rem;border-radius:.65rem}.send-code-message{color:#b42318;background:#fff0ee;border:1px solid #ffd0ca;padding:.75rem .9rem;border-radius:.65rem;font-size:.88rem}.account-help{text-align:right;margin-top:.15rem}.account-help a{color:#596174;text-decoration:none;font-size:.9rem}.code-field{display:grid;grid-template-columns:1fr 8rem;gap:.65rem}.account-card .code-field button{height:3.15rem;margin:0;background:#242735;white-space:nowrap}.account-card .code-field button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:820px){.account-page{grid-template-columns:1fr}.account-brand{min-height:240px;padding:6rem 2rem 2.5rem;justify-content:flex-end}.account-logo{left:2rem;top:2rem}.account-brand h1{font-size:2.25rem}.account-card{margin:2.5rem 2rem 4rem;max-width:none}}