.auth-form-surface{width:100%;max-width:450px;margin-inline:auto}.auth-form-surface .form{box-sizing:border-box;width:100%;max-width:450px;font-family:var(--font-ploni), system-ui, sans-serif;background-color:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex;box-shadow:0 4px 24px #0000001f}.auth-form-surface .form-title{color:#151717;text-align:center;margin:0 0 6px;font-size:1.0625rem;font-weight:700}.auth-form-surface ::placeholder{font-family:var(--font-ploni), system-ui, sans-serif}.auth-form-surface .flex-column>label{color:#151717;font-size:.8125rem;font-weight:600}.auth-form-surface .inputForm{border:1.5px solid #ecedec;border-radius:10px;align-items:center;gap:0;height:44px;padding-inline:10px 8px;transition:all .2s ease-in-out;display:flex}.auth-form-surface .inputForm>svg:first-child{color:#6b7280;flex-shrink:0}.auth-form-surface .input{background:0 0;border:none;border-radius:10px;flex:1;min-width:0;height:100%;margin-inline-start:10px;font-family:inherit;font-size:.875rem}.auth-form-surface .input:focus{outline:none}.auth-form-surface .input:disabled{opacity:.65}.auth-form-surface .inputForm:focus-within{border:1.5px solid #2d79f3}.auth-form-surface .toggle-password{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.auth-form-surface .toggle-password:hover{color:#151717}.auth-form-surface .toggle-password:focus-visible{outline-offset:1px;outline:2px solid #2d79f3}.auth-form-surface .flex-row{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.auth-form-surface .flex-row.remember-row{margin-top:4px}.auth-form-surface .flex-row>div{align-items:center;gap:6px;display:flex}.auth-form-surface .flex-row>div>label{color:#000;cursor:pointer;margin:0;font-size:12px;font-weight:400}.auth-form-surface .span-link{color:#2d79f3;cursor:pointer;background:0 0;border:none;margin-inline-start:5px;padding:0;font-family:inherit;font-size:12px;font-weight:500}.auth-form-surface .span-link:hover{text-decoration:underline}.auth-form-surface .span-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #2d79f3}.auth-form-surface .button-submit{color:#fff;cursor:pointer;background-color:#151717;border:none;border-radius:10px;width:100%;height:44px;margin:16px 0 8px;font-family:inherit;font-size:.8125rem;font-weight:500}.auth-form-surface .button-submit:hover:not(:disabled){background-color:#252727}.auth-form-surface .button-submit:disabled{opacity:.65;cursor:not-allowed}.auth-form-surface .p{text-align:center;color:#000;margin:4px 0;font-size:12px}.auth-form-surface .p.line{color:#6b7280;margin:12px 0 6px;font-size:11px;position:relative}.auth-form-surface .p.line:before,.auth-form-surface .p.line:after{content:"";background:#ecedec;width:38%;height:1px;position:absolute;top:50%}.auth-form-surface .p.line:before{inset-inline-start:0}.auth-form-surface .p.line:after{inset-inline-end:0}.auth-form-surface .oauth-row{flex-direction:row;gap:10px;margin-top:4px;display:flex}.auth-form-surface .oauth-row .btn{flex:1;margin-top:0}.auth-form-surface .btn{cursor:pointer;background-color:#fff;border:1px solid #ededef;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;margin-top:8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s ease-in-out;display:flex}.auth-form-surface .btn:hover{border:1px solid #2d79f3}.auth-form-surface .hint-text{color:#4b5563;margin:0 0 4px;font-size:11px;line-height:1.45}.auth-form-surface .dev-hint{color:#6b7280;margin:0 0 8px;font-size:10px}.auth-form-surface .error-banner{color:#991b1b;background:#fef2f2;border:1px solid #f87171;border-radius:10px;margin:0;padding:8px 10px;font-size:11px;line-height:1.35}