.auth-page{min-height:100vh;background:#fbfcff;color:#1e293b;font-family:"InterVariable",Inter,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif}.auth-main{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2.75rem 1.5rem}.auth-container{width:min(100%,480px)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3.7rem;color:#182236;text-decoration:none}.auth-brand-mark{display:grid;width:3.1rem;height:3.1rem;place-items:center;border-radius:.85rem;background:#42b88c;color:#fff;font-size:2.1rem;font-weight:700;line-height:1;box-shadow:0 .55rem 1.25rem rgba(66,184,140,.18)}.auth-brand-name{font-size:2.2rem;font-weight:700;letter-spacing:-.08em;line-height:1}.auth-brand-name span{color:#182236}.auth-brand-name strong{color:#42b88c;font:inherit}.auth-card{overflow:visible;border:1px solid #dce3ee;border-radius:.85rem;box-shadow:0 .75rem 2rem rgba(32,43,68,.035)}.auth-card .card-body{padding:2.6rem 2.5rem 2.3rem}.auth-card-header{margin-bottom:1.75rem;text-align:center}.auth-card-header h1{margin:0;color:#152238;font-size:1.35rem;font-weight:600}.auth-card-header p{margin:.55rem 0 0;color:#6b778c;font-size:.9rem}.auth-field{margin-bottom:1.15rem}.auth-field .form-label{margin-bottom:.45rem;color:#40516c;font-size:.9rem;font-weight:500}.auth-field .form-control{min-height:3.05rem;border-color:#b9c5d4;border-radius:.65rem;color:#233044;padding-inline:.85rem}.auth-field .form-control:focus{border-color:#5b7cff;box-shadow:0 0 0 .2rem rgba(91,124,255,.13)}.auth-password-field{position:relative}.auth-password-field .form-control{padding-right:3.1rem}.auth-password-toggle{position:absolute;top:50%;right:.25rem;display:grid;width:2.6rem;height:2.6rem;place-items:center;transform:translateY(-50%);border:0;border-radius:.5rem;background:transparent;color:#64748b}.auth-password-toggle:hover{background:#f1f5f9;color:#4f6ff0}.auth-code-field{display:flex;gap:.6rem}.auth-code-field .btn{min-width:6.7rem;border-radius:.65rem;white-space:nowrap}.auth-hint{margin:.55rem 0 0;color:#748198;font-size:.78rem;line-height:1.55}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.05rem 0 1.55rem;color:#536179;font-size:.9rem}.auth-options .form-check{margin:0}.auth-options .form-check-input{border-color:#8a98aa}.auth-options .form-check-input:checked{background-color:#5b7cff;border-color:#5b7cff}.auth-options a,.auth-switch a{color:#5876f7;text-decoration:none}.auth-options a:hover,.auth-options a:focus,.auth-switch a:hover,.auth-switch a:focus{text-decoration:none;color:#4565e8}.auth-submit{width:100%;min-height:3rem;border:0;border-radius:.65rem;background:#5b7cff;font-weight:600}.auth-submit:hover,.auth-submit:focus{background:#4e6eed}.auth-feedback{min-height:1.25rem;margin:.8rem 0;color:#d63939;font-size:.86rem;text-align:center}.auth-feedback:empty{display:none}.auth-provider-divider{display:flex;align-items:center;gap:.8rem;margin:2.15rem 0 1.15rem;color:#7b879a;font-size:.8rem}.auth-provider-divider::before,.auth-provider-divider::after{height:1px;flex:1;background:#d6dee8;content:""}.auth-provider-divider span{padding:0 .2rem}.auth-provider-row{display:flex;justify-content:center;gap:.75rem}.auth-provider{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid #e2e8f0;border-radius:50%;background:#fff;box-shadow:0 .2rem .6rem rgba(20,37,63,.06);color:#64748b;font-size:.72rem;font-weight:700;opacity:.55;cursor:not-allowed}.auth-provider-key{font-size:1.4rem}.auth-switch{margin:1.35rem 0 0;color:#56657b;font-size:.9rem;text-align:center}@media(max-width:575px){.auth-main{padding:2rem 1rem}.auth-brand{margin-bottom:2.2rem}.auth-card .card-body{padding:2rem 1.35rem}.auth-brand-name{font-size:1.9rem}.auth-options{align-items:flex-start;flex-direction:column;gap:.55rem}.auth-code-field{align-items:stretch;flex-direction:column}.auth-code-field .btn{min-height:2.75rem}.auth-provider-divider{margin-top:1.75rem}}
.auth-provider[href]{opacity:1;cursor:pointer}.auth-provider img{width:22px;height:22px;object-fit:contain}

.auth-page .auth-brand.zaobeta-brand{display:flex;justify-content:center;gap:10px;color:#0b1930;font-size:20px;font-weight:800;letter-spacing:-.04em}

.auth-page .auth-brand.zaobeta-brand{gap:13px;font-size:30px;line-height:1}.auth-page .zaobeta-brand-mark{width:50px;height:50px;border-radius:16px}.auth-page .zaobeta-brand-mark i{font-size:28px}
.auth-page .auth-brand.zaobeta-brand { gap:10px; color:#0d1210; font-size:22px; font-weight:800; letter-spacing:-.045em; line-height:1; }
.auth-password-rules{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .75rem;font-size:.78rem;color:#748198}.auth-password-rules li{position:relative;padding-left:1.15rem;line-height:1.5}.auth-password-rules li:before{content:"\2022";position:absolute;left:.25rem;color:#a3adbd}.auth-password-rules li.is-met{color:#1f9254}.auth-password-rules li.is-met:before{content:"\2713";left:0;color:#1f9254;font-weight:700}.auth-password-rules li.is-unmet{color:#d63939}.auth-password-rules li.is-unmet:before{content:"\2715";left:0;color:#d63939;font-weight:700}.auth-field-error{margin:.45rem 0 0;color:#d63939;font-size:.8rem}@media(max-width:420px){.auth-password-rules{grid-template-columns:1fr}}.auth-password-field .form-control.is-invalid,.auth-password-field .form-control.is-valid{background-image:none;padding-right:3.1rem}
