.auth-shell { display:grid; min-height:100dvh; place-items:center; padding:24px; background:radial-gradient(circle at 15% 10%,#e7f3ff 0,transparent 32%),var(--canvas); } .auth-card { width:min(100%,410px); padding:32px; border:1px solid #e5e5e7; border-radius:24px; background:#fff; box-shadow:0 18px 50px #0000000d; } .auth-card h1 { margin:7px 0 9px; font-size:32px; } .auth-card > p:not(.eyebrow) { color:var(--sub); font-size:13px; line-height:1.7; } .auth-card form { margin-top:25px; } .auth-card label { display:block; margin-top:15px; color:var(--sub); font-size:12px; font-weight:600; } .auth-card input { display:block; width:100%; height:44px; margin-top:7px; padding:0 12px; border:1px solid var(--line); border-radius:11px; outline:0; color:var(--ink); background:#fff; font-size:15px; } .auth-card input:focus { border-color:var(--blue); box-shadow:0 0 0 3px #0071e31f; } .auth-card .save-button { margin-top:22px; } .auth-message { min-height:18px; margin:13px 0 -6px!important; color:var(--red)!important; font-size:12px!important; } .auth-message.success { color:var(--green)!important; } .password-hint { margin-top:13px!important; color:var(--sub); font-size:11px!important; } .secondary-button { width:100%; margin-top:10px; padding:12px; border:0; border-radius:12px; color:#55555a; background:#f0f0f2; font-size:13px; font-weight:600; } .back-link { display:inline-block; margin-bottom:20px; color:var(--blue); font-size:13px; font-weight:600; text-decoration:none; } .header-tools { display:flex; flex-direction:column; align-items:flex-end; gap:8px; } .account-link { color:var(--blue); font-size:11px; font-weight:600; text-decoration:none; }