.auth-page{--gradient-top:#12272c;--gradient-start:#1c3b43;--gradient-end:#285260;background:linear-gradient(180deg, var(--gradient-top) 0%, var(--gradient-start) 30%, var(--gradient-start) 75%, var(--gradient-end) 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:var(--surface-card);border-radius:16px;width:100%;max-width:fit-content;padding:2.5vw;transition:padding .2s;box-shadow:0 20px 45px #0000002e}.auth-card--wide{flex-direction:column;max-width:480px;display:flex}@media (width<=1024px){.auth-card{max-width:380px;padding:32px}.auth-card--wide{max-width:440px}}@media (width<=768px){.auth-page{padding:32px 24px}.auth-card,.auth-card--wide{max-width:420px;padding:28px}}@media (width<=425px){.auth-page{padding:24px 16px}.auth-card,.auth-card--wide{border-radius:12px;max-width:100%;padding:24px}}@media (width<=375px){.auth-card,.auth-card--wide{padding:20px}}@media (width<=320px){.auth-page{padding:16px 12px}.auth-card,.auth-card--wide{border-radius:10px;padding:16px}}.field{text-align:left;margin-bottom:22px}.field__label{font-family:var(--font-body);color:var(--text-dark);margin-bottom:8px;font-size:15px;display:block}.field__required{color:#1c3b43}.password-input{align-items:center;display:flex;position:relative}.password-input__field{width:100%;color:var(--text-dark);border:1px solid #d9d9d9;border-radius:8px;outline:none;padding:13px 44px 13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.password-input__field::placeholder{color:#b3b3b3}.password-input__field:hover{border-color:#b3b3b3}.password-input__field:focus{border-color:#1c3b43;box-shadow:0 0 0 3px #1c3b4326}.password-input__toggle{color:#9a9a9a;background:0 0;border:none;padding:4px;transition:color .2s,transform .15s;display:flex;position:absolute;right:12px}.password-input__toggle:hover{color:var(--text-dark);transform:scale(1.08)}.password-input__toggle:active{transform:scale(.95)}.password-input__field--error{border-color:#d92d20}.password-input__field--error:focus{border-color:#d92d20;box-shadow:0 0 0 3px #d92d201f}@media (width<=1440px){.field{margin-bottom:22px}.field__label{font-size:15px}.password-input__field{padding:13px 44px 13px 14px;font-size:15px}}@media (width<=1024px){.field{margin-bottom:20px}.field__label{margin-bottom:7px;font-size:14.5px}.password-input__field{padding:12px 42px 12px 13px;font-size:14.5px}}@media (width<=768px){.field{margin-bottom:20px}.field__label{margin-bottom:7px;font-size:14px}.password-input__field{padding:12px 40px 12px 12px;font-size:14px}.password-input__toggle{right:11px}}@media (width<=425px){.field{margin-bottom:18px}.field__label{margin-bottom:6px;font-size:14px}.password-input__field{padding:12px 40px 12px 12px;font-size:14px}.password-input__toggle{right:10px}}@media (width<=375px){.field{margin-bottom:17px}.field__label{margin-bottom:6px;font-size:13.5px}.password-input__field{padding:11.5px 39px 11.5px 11px;font-size:13.5px}.password-input__toggle{right:9px}}@media (width<=320px){.field{margin-bottom:16px}.field__label{margin-bottom:5px;font-size:13px}.password-input__field{padding:11px 38px 11px 10px;font-size:13.5px}.password-input__toggle{right:8px}.password-input__toggle .material-symbols-outlined{font-size:20px}}