.auth-page{background:#f0f4f8;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;font-family:var(--font-family)!important}.auth-page:before{display:none}.auth-card{z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-width:400px;max-width:40%;padding:40px;animation:.4s ease-out slideUp;position:relative;box-shadow:0 4px 20px #0000000d}.auth-card h2{color:#1a2332;font-size:1.8rem;font-weight:700;font-family:var(--font-family);margin-bottom:8px}.auth-card .subtitle{color:#64748b;margin-bottom:20px;font-size:.95rem}.social-buttons{gap:16px;margin-bottom:10px;display:flex}.social-btn{color:#334155;cursor:pointer;font-weight:500;font-family:var(--font-family);background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.divider{text-align:center;border-bottom:1px solid #e2e8f0;margin-top:10px;margin-bottom:20px;position:relative}.divider span{color:#94a3b8;background:#fff;padding:0 12px;font-size:.85rem;position:relative;top:10px}.auth-label{color:#334155;font-size:.9rem;font-weight:600;font-family:var(--font-family);margin-bottom:6px;display:block}.auth-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.auth-forgot{color:var(--primary-color,#0ea5e9);font-size:.85rem;font-weight:500;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-field{margin-bottom:20px}.auth-input-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.auth-input-wrapper:focus-within{border-color:var(--primary-color,#0ea5e9)}.auth-icon{color:#94a3b8;background:0 0;border-right:1px solid #e2e8f0;justify-content:center;align-self:stretch;align-items:center;width:44px;min-width:44px;font-size:.9rem;transition:color .2s,border-color .2s;display:flex}.auth-input-wrapper:focus-within .auth-icon{color:var(--primary-color,#0ea5e9);border-right-color:var(--primary-color,#0ea5e9)}.auth-icon-right{cursor:pointer;border-left:1px solid #e2e8f0;border-right:none}.auth-input-wrapper:focus-within .auth-icon-right{border-left-color:var(--primary-color,#0ea5e9)}.auth-input{font-size:.95rem;font-family:var(--font-family);color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px 14px}.auth-input::placeholder{color:#cbd5e1}.auth-remember{color:#64748b;cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:.88rem;display:flex}.auth-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color,#0ea5e9);cursor:pointer;flex-shrink:0;margin:0}.auth-remember label{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;line-height:1}.auth-terms{color:#64748b;margin-bottom:16px;font-size:.82rem;line-height:1.5}.auth-terms a{color:var(--primary-color,#0ea5e9);font-weight:500;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.form-control:focus{box-shadow:none;border-color:var(--primary-color,#0ea5e9);outline:none}.btn-submit{background:var(--primary-color,#0ea5e9);color:#fff;width:100%;font-size:1rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:6px;margin-top:12px;padding:12px;transition:background-color .2s}.btn-submit:hover{background-color:color-mix(in srgb, var(--primary-color,#0ea5e9), black 10%);box-shadow:none;transform:none}.auth-footer{text-align:center;color:#6c757d;margin-top:24px}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.security-badges{color:#6c757d;border-top:1px solid #e9ecef;justify-content:center;gap:24px;margin-top:24px;padding-top:24px;font-size:.75rem;display:flex}.security-badges span{align-items:center;gap:6px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.auth-card{min-width:auto;max-width:80%}}@media (max-width:576px){.auth-card{min-width:auto;max-width:95%;padding:24px 20px}.auth-card h2{font-size:1.5rem}.social-buttons{flex-direction:column}.security-badges{flex-direction:column;gap:12px}}