#auth-page{width:100%;min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:center;padding:30px 16px 60px}.auth-card{background:var(--bg2);border:1px solid var(--bord2);border-radius:var(--r-lg, 14px);box-shadow:var(--sh-lg);width:100%;max-width:420px}.auth-tabs{display:flex;background:var(--bg3);border-radius:8px;padding:3px;gap:2px}.auth-tab{flex:1;text-align:center;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--tx3);cursor:pointer;background:transparent;border:none;transition:all .15s ease-in-out}.auth-tab:hover{color:var(--tx)}.auth-tab.active{background:var(--bg2);color:var(--tx);box-shadow:0 1px 4px #0000002e}.auth-card .form-label{font-size:12px;font-weight:600;color:var(--tx2);margin-bottom:5px;letter-spacing:.03em}.auth-card .form-control{height:42px;background-color:var(--bg3);border:1.5px solid var(--border);border-radius:var(--r-sm, 6px);font-size:13.5px;color:var(--tx)}.auth-card .form-control:focus{background-color:var(--bg3);border-color:var(--blue);box-shadow:0 0 0 .2rem var(--blue-d2);color:var(--tx)}.auth-card .form-control::placeholder{color:var(--tx3);opacity:.8}.auth-card .invalid-feedback{font-size:11.5px}.auth-card .input-group .pass-toggle{background-color:var(--bg3);border:1.5px solid var(--border);border-left:none;color:var(--tx3);display:inline-flex;align-items:center;justify-content:center;padding:0 13px}.auth-card .input-group .pass-toggle:hover{color:var(--tx);background-color:var(--bg3);border-color:var(--border)}.auth-card .input-group .form-control:focus+.pass-toggle{border-color:var(--blue)}.auth-card .input-group .form-control.is-invalid{border-right:none}.auth-cta{height:44px;background-color:var(--blue);border-color:var(--blue);border-radius:var(--r-sm, 6px);font-size:13.5px;font-weight:600;transition:opacity .15s ease,background-color .15s ease}.auth-cta:hover{background-color:var(--blue);border-color:var(--blue);opacity:.9}.auth-foot{font-size:12.5px;color:var(--tx3);text-align:center;margin-top:16px}.auth-foot a{color:var(--blue);cursor:pointer;font-weight:600}.auth-foot a:hover{text-decoration:underline}#errorMsg{color:#ff5b5b;font-weight:700}@media(max-width:640px){#auth-page{padding:16px 12px 40px}.auth-card .form-control{font-size:16px}.auth-tab{padding:10px 8px}}@media(max-width:480px){.auth-card .form-control{height:44px}.auth-cta{height:48px}}@media(max-width:1000px){#errorMsg{font-size:1.8vh}}@media(max-width:768px){#errorMsg{font-size:2vh;margin-bottom:unset}}
