.saas-login-page{--login-bg-dark:#0a0a0f;--login-bg-card:#ffffff08;--login-border:#ffffff14;--login-border-hover:#ffffff26;--login-text-primary:#fff;--login-text-secondary:#ffffffb3;--login-text-muted:#ffffff80;--login-accent-purple:#7c3aed;--login-accent-purple-light:#a78bfa;--login-accent-blue:#3b82f6;--login-accent-gradient:linear-gradient(135deg,#7c3aed 0%,#3b82f6 100%);--login-glow-purple:#7c3aed4d;--login-radius-sm:8px;--login-radius-md:12px;--login-radius-lg:16px;background:var(--login-bg-dark);min-height:100vh;color:var(--login-text-primary);justify-content:center;align-items:center;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.saas-login-glow{background:radial-gradient(ellipse at center,var(--login-glow-purple)0%,#3b82f633 40%,transparent 70%);filter:blur(100px);opacity:.5;pointer-events:none;width:800px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.saas-login-container{z-index:1;width:100%;max-width:420px;position:relative}.saas-login-header{text-align:center;margin-bottom:32px}.saas-login-logo{color:var(--login-text-primary);align-items:center;gap:10px;font-size:24px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.saas-login-logo:hover{opacity:.8}.saas-login-logo-icon{background:var(--login-accent-gradient);border-radius:var(--login-radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.saas-login-card{background:var(--login-bg-card);border:1px solid var(--login-border);border-radius:var(--login-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:40px}.saas-login-card-header{text-align:center;margin-bottom:32px}.saas-login-badge{color:var(--login-accent-purple-light);background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.saas-login-badge-dot{background:var(--login-accent-purple-light);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.saas-login-card-header h1{background:linear-gradient(#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700}.saas-login-card-header p{color:var(--login-text-secondary);margin:0;font-size:14px}.saas-login-form{flex-direction:column;gap:20px;display:flex}.saas-login-field{flex-direction:column;gap:8px;display:flex}.saas-login-field label{color:var(--login-text-secondary);font-size:13px;font-weight:500}.saas-login-field input{background:var(--login-bg-dark);border:1px solid var(--login-border);border-radius:var(--login-radius-sm);width:100%;color:var(--login-text-primary);outline:none;padding:14px 16px;font-size:14px;transition:all .2s}.saas-login-field input::placeholder{color:var(--login-text-muted)}.saas-login-field input:focus{border-color:var(--login-accent-purple);box-shadow:0 0 0 3px #7c3aed26}.saas-login-submit{background:var(--login-accent-gradient);border-radius:var(--login-radius-sm);color:#fff;cursor:pointer;width:100%;box-shadow:0 0 20px var(--login-glow-purple);border:none;margin-top:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.saas-login-submit:hover{box-shadow:0 4px 30px var(--login-glow-purple);transform:translateY(-2px)}.saas-login-submit:active{transform:translateY(0)}.saas-login-footer{border-top:1px solid var(--login-border);text-align:center;margin-top:24px;padding-top:24px}.saas-login-footer p{color:var(--login-text-muted);margin:0;font-size:13px}.saas-login-footer a{color:var(--login-accent-purple-light);font-weight:500;text-decoration:none;transition:color .2s}.saas-login-footer a:hover{color:var(--login-text-primary)}.saas-login-back{text-align:center;margin-top:24px}.saas-login-back a{color:var(--login-text-muted);font-size:13px;text-decoration:none;transition:color .2s}.saas-login-back a:hover{color:var(--login-text-primary)}.saas-login-oauth{margin-bottom:0}.saas-login-google{border-radius:var(--login-radius-md);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex;color:#374151!important;-webkit-text-fill-color:#374151!important}.saas-login-google:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.saas-login-google:active{transform:translateY(0)}.saas-login-google svg{flex-shrink:0}.saas-login-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.saas-login-divider:before,.saas-login-divider:after{content:"";background:var(--login-border);flex:1;height:1px}.saas-login-divider span{color:var(--login-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px}.saas-login-error{color:#f87171;border-radius:var(--login-radius-sm);text-align:center;background:#ef44441a;border:1px solid #ef44444d;margin-bottom:20px;padding:12px 16px;font-size:14px}@media (max-width:480px){.saas-login-card{padding:28px 24px}.saas-login-card-header h1{font-size:24px}}