.auth-page{--ap-ink:#0f172a;--ap-muted:#64748b;--ap-line:#e2e8f0;--ap-blue:#2563eb;--ap-soft:#eff6ff;min-height:100vh;background:#f8fafc;color:var(--ap-ink);font-family:Poppins,system-ui,sans-serif}.auth-page *{box-sizing:border-box}.auth-page .auth-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,60px);background:#fff;border-bottom:1px solid var(--ap-line)}.auth-page .auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px}.auth-page .auth-logo img{width:34px;height:34px}.auth-page .brand-dark{color:#0f172a}.auth-page .brand-blue{color:var(--ap-blue)}.auth-page .back-home{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:13px;font-weight:600}.auth-page .back-home:hover{color:var(--ap-blue)}.auth-page .auth-main{min-height:calc(100vh - 132px);display:grid;place-items:center;padding:45px 18px}.auth-page .login-card,.auth-page .auth-card{width:min(100%,440px);padding:34px;border:1px solid var(--ap-line);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.07)}.auth-page .auth-card-logo,.auth-page .auth-icon{display:grid;place-items:center;margin:0 auto 18px;width:54px;height:54px;border-radius:15px;background:var(--ap-soft)}.auth-page .auth-card-logo img,.auth-page .auth-icon img{width:38px;height:38px;object-fit:contain}.auth-page .auth-heading{text-align:center;margin-bottom:25px}.auth-page .auth-heading h1,.auth-page .auth-card h1{margin:0;font-size:27px;letter-spacing:-.025em}.auth-page .auth-heading p,.auth-page .auth-subtitle{margin:7px 0 0;color:var(--ap-muted);font-size:13px;line-height:1.6;text-align:center}.auth-page form{display:grid;gap:17px}.auth-page .form-group{display:grid;gap:7px}.auth-page label{font-size:12px;font-weight:700;color:#334155}.auth-page .password-label{display:flex;justify-content:space-between;gap:10px}.auth-page .password-label a,.auth-page .register-text a,.auth-page .auth-bottom a,.auth-page .terms-box a{color:var(--ap-blue);text-decoration:none;font-weight:700}.auth-page .input-wrapper,.auth-page .input-box{position:relative}.auth-page .input-wrapper>i:first-child,.auth-page .input-box>i:first-child{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.auth-page input[type=email],.auth-page input[type=password],.auth-page input[type=text]{width:100%;height:46px;border:1px solid var(--ap-line);border-radius:11px;padding:0 42px;color:#0f172a;background:#fff;font:500 13px Poppins,sans-serif;outline:none}.auth-page input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.auth-page .password-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:none;color:#94a3b8;cursor:pointer}.auth-page .remember-row{display:flex;align-items:center}.auth-page .remember-label{display:flex;align-items:center;gap:8px;font-weight:500}.auth-page input[type=checkbox]{accent-color:var(--ap-blue)}.auth-page .auth-submit,.auth-page .auth-button{width:100%;height:46px;border:0;border-radius:11px;background:var(--ap-blue);color:#fff;font:700 13px Poppins,sans-serif;cursor:pointer}.auth-page .auth-submit:hover,.auth-page .auth-button:hover{background:#1d4ed8}.auth-page .auth-submit:disabled,.auth-page .auth-button:disabled{opacity:.6;cursor:wait}.auth-page .google-login-section{margin-top:16px}.auth-page .google-login-btn{width:100%;height:46px;border:1px solid var(--ap-line);border-radius:11px;background:#fff;color:#334155;font:700 13px Poppins,sans-serif;cursor:pointer}.auth-page .google-login-btn:hover{background:#f8fafc}.auth-page .login-divider,.auth-page .auth-divider{display:flex;align-items:center;gap:12px;margin:19px 0;color:#94a3b8;font-size:10px;font-weight:700}.auth-page .login-divider:before,.auth-page .login-divider:after,.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";height:1px;background:var(--ap-line);flex:1}.auth-page .register-text,.auth-page .auth-bottom{text-align:center;margin:0;color:var(--ap-muted);font-size:12px}.auth-page .terms-box{display:flex;gap:9px;align-items:flex-start;color:#64748b;font-size:11px;line-height:1.55}.auth-page .terms-box label{font-weight:500;color:#64748b}.auth-page .auth-message{display:none;margin-bottom:16px;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.5}.auth-page .auth-message.show{display:block}.auth-page .auth-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.auth-page .auth-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.auth-page .auth-footer{text-align:center;padding:25px 18px;color:#94a3b8;font-size:11px;background:#fff;border-top:1px solid var(--ap-line)}@media(max-width:520px){.auth-page .auth-header{height:64px}.auth-page .back-home{font-size:0}.auth-page .back-home i{font-size:15px}.auth-page .auth-main{padding:28px 14px}.auth-page .login-card,.auth-page .auth-card{padding:25px 20px;border-radius:18px}}