.auth-page{color:#2b2430;background:linear-gradient(145deg,#fff7f4,#f7edf5);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-logo{color:#b63d62;font-size:20px;text-decoration:none;position:absolute;top:24px;left:24px}.auth-card{background:#fff;border-radius:28px;width:min(440px,100%);padding:32px;box-shadow:0 24px 70px #692d4a20}.auth-card>span{letter-spacing:.12em;color:#b63d62;font-size:12px;font-weight:800}.auth-card h1{margin:10px 0 8px;font-size:30px}.auth-card>p{color:#706775;margin:0 0 22px}.auth-tabs{background:#f4edf1;border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.auth-tabs button{background:0 0;border:0;border-radius:10px;padding:11px;font-weight:700}.auth-tabs .active{color:#a72f56;background:#fff;box-shadow:0 3px 12px #5a1b3b18}.auth-card form{gap:15px;display:grid}.auth-card label{gap:7px;font-size:14px;font-weight:700;display:grid}.auth-card input{font:inherit;border:1px solid #ddd2d8;border-radius:12px;outline:none;padding:13px 14px}.auth-card input:focus{border-color:#b63d62;box-shadow:0 0 0 3px #b63d6218}.auth-submit{color:#fff;background:#b63d62;border:0;border-radius:13px;margin-top:4px;padding:14px;font-size:16px;font-weight:800}.auth-submit:disabled{opacity:.65}.auth-error{color:#a51436;background:#fff0f3;border-radius:10px;margin:0;padding:10px}.auth-success{color:#24774b;background:#edf9f2;border-radius:10px;margin:0;padding:10px}.auth-link{color:#7a0759;margin:12px auto 0;padding:6px 10px;font-weight:800;display:block}.auth-card>small{text-align:center;color:#776e79;margin-top:18px;display:block}@media (width<=520px){.auth-page{place-items:start center;padding:72px 16px 20px}.auth-card{border-radius:22px;padding:25px 20px}.auth-card h1{font-size:26px}}.password-field{display:block;position:relative}.password-field input{width:100%;padding-right:52px}.password-field button{color:#514750;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-field button:active{background:#f4e9ef}.verification-code{text-align:center;letter-spacing:8px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}
