.login{justify-content:center;padding:64px 24px 80px;display:flex}.login__card{border:1px solid var(--border);background:var(--bg);width:min(420px,100%);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:16px;padding:32px 28px;display:flex}.login__card h1{font-size:24px}.login__hint{color:var(--text);margin-top:-8px;font-size:14px}.login__field{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login__field input{border:1px solid var(--border);color:var(--text-h);background:var(--bg);border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:400}.login__field input:focus{border-color:var(--accent);outline:none}.login__password{align-items:center;display:flex;position:relative}.login__password input{padding-right:44px}.login__password-toggle{width:32px;height:32px;color:var(--text);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:8px}.login__password-toggle:hover{color:var(--text-h);background:var(--bg-muted)}.login__password-panel{border:1px solid var(--border);background:var(--accent-bg);border-radius:10px;flex-direction:column;gap:8px;margin-top:4px;padding:12px 14px;display:flex}.login__password-panel-head{color:var(--text-h);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.login__password-panel-count{color:var(--accent);font-weight:700}.login__password-meter{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.login__password-meter span{border-radius:inherit;background:var(--brand);height:100%;transition:width .25s,background-color .25s;display:block}.login__password-meter--full span{background:#15803d}.login__password-rules{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}@media (width<=480px){.login__password-rules{grid-template-columns:1fr}}.login__password-rule{color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:400;line-height:1.3;transition:color .2s;display:flex}.login__password-rule-icon{border:1.5px solid var(--border);background:var(--bg);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;transition:background-color .2s,border-color .2s;display:inline-flex}.login__password-rule--ok{color:var(--text-h)}.login__password-rule--ok .login__password-rule-icon{background:#15803d;border-color:#15803d}.login__sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login__required{color:#b91c1c}.login__field-error{color:#b91c1c;margin:0;font-size:12px;font-weight:400}.login__error{color:#b91c1c;font-size:13px}.login__success{color:#15803d;font-size:13px}.login__submit{margin-top:4px}.login__submit:disabled{opacity:.7;cursor:not-allowed}.login__button-row{align-items:center;gap:10px;margin-top:4px;display:flex}.login__button-row .btn{flex:1}.login__button-row--center{justify-content:center}.login__button-row--center .btn{flex:none}.otp-input{gap:10px;display:flex}.otp-input__box{border:1px solid var(--border);text-align:center;width:48px;height:52px;color:var(--text-h);background:var(--bg);border-radius:8px;padding:0;font-family:inherit;font-size:20px;font-weight:600}.otp-input__box:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.login__forgot{text-align:right;margin:-8px 0 0;font-size:13px}.login__forgot a{color:var(--accent);font-weight:600;text-decoration:none}.login__forgot a:hover{color:var(--accent-hover)}.login__switch{text-align:center;color:var(--text);font-size:13px}.login__switch a{color:var(--accent);font-weight:600;text-decoration:none}.login__switch a:hover{color:var(--accent-hover)}.login__resend{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding-top:16px;display:flex}.login__resend-text{color:#b91c1c;font-size:13px;font-weight:600}.login__resend-btn,.login__resend-wait{font:inherit;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.login__resend-btn{border:1px solid var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;transition:background-color .15s,color .15s}.login__resend-btn:hover:not(:disabled){background:var(--brand);color:#fff}.login__resend-btn:disabled{opacity:.6;cursor:not-allowed}.login__resend-wait{color:#b91c1c;font-variant-numeric:tabular-nums;background:#b91c1c14;border:1px solid #b91c1c59}.login__link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.login__link-button:hover{color:var(--accent-hover)}.login__link-button:disabled{opacity:.7;cursor:not-allowed}