.auth-page{min-height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-10) var(--space-5) var(--space-8)}.auth-card{width:100%;max-width:var(--max-width);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-6)}.auth-logo-wrap{text-align:center;margin-bottom:var(--space-6)}.auth-logo{width:130px;margin:0 auto}.auth-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2);font-family:var(--font-body)}.auth-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-1)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6)}.input-toggle{display:flex;background:var(--color-primary-light);border-radius:var(--radius-input);padding:var(--space-1);margin-bottom:var(--space-5);gap:var(--space-1)}.toggle-btn{flex:1 1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--color-text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.toggle-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.auth-footer{text-align:center;margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a,.forgot-link{color:var(--color-primary);font-weight:600}.forgot-link{display:block;text-align:right;margin-top:calc(var(--space-1) * -1);margin-bottom:var(--space-5)}.back-btn,.forgot-link{font-size:var(--text-sm)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-weight:600;margin-bottom:var(--space-6);cursor:pointer;background:none;border:none;font-family:var(--font-body);padding:0}.back-btn svg{width:18px;height:18px;stroke:currentColor}.back-btn:hover{color:var(--color-primary)}.success-icon{width:64px;height:64px;background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.success-icon svg{width:32px;height:32px;stroke:var(--color-primary)}.login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.form-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;border-radius:4px}.login-options .forgot-link{display:inline;margin:0}.label-optional{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;margin-left:var(--space-1)}.qr-notice{display:flex;align-items:center;gap:var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-input);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-primary);font-weight:600}.qr-notice svg{width:18px;height:18px;stroke:var(--color-primary);flex-shrink:0}.otp-box{width:64px;height:64px;border:2px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield}.otp-box::-webkit-inner-spin-button,.otp-box::-webkit-outer-spin-button{-webkit-appearance:none}.otp-box:focus{box-shadow:0 0 0 3px rgba(57,150,99,.15)}.otp-box.filled,.otp-box:focus{border-color:var(--color-primary)}.otp-box.filled{background:var(--color-primary-light);color:var(--color-primary)}.otp-box.is-error{border-color:var(--color-error);background:#FFF5F5}.otp-inputs{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-2)}.otp-resend{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.otp-resend-btn{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;padding:0}.fp-steps{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.fp-step-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .2s,transform .2s}.fp-step-dot.active{background:var(--color-primary);transform:scale(1.3)}