*,*::before,*::after{box-sizing:border-box}body{margin:0}.auth-page{display:flex;min-height:100vh}.auth-panel{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:2.5rem;color:#fff}.auth-panel::before{content:"";position:absolute;inset:0;background:var(--login-bg) center/cover no-repeat;z-index:0}.auth-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,15,40,0.55) 0%,rgba(8,15,40,0.45) 40%,rgba(6,12,35,0.80) 75%,rgba(5,10,30,0.96) 100%);z-index:1}.panel-logo{position:relative;z-index:2;display:flex;align-items:center;gap:0.6rem;margin-bottom:auto}.panel-logo img{height:156px}.panel-brand{position:relative;z-index:2;padding-bottom:0.5rem}.panel-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(99,130,255,0.18);border:1px solid rgba(160,180,255,0.35);border-radius:99px;padding:0.45rem 1.1rem;font-size:0.82rem;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;color:#c7d4ff;margin-bottom:1.1rem}.panel-divider{width:48px;height:3px;background:linear-gradient(90deg,#6366f1,#a5b4fc);border-radius:99px;margin-bottom:1.1rem}.panel-headline{font-size:2.6rem;font-weight:800;line-height:1.18;margin:0 0 1rem;letter-spacing:-0.5px;color:#ffffff;text-shadow:0 2px 20px rgba(0,0,0,0.5)}.panel-desc{font-size:1.05rem;color:rgba(225,235,255,0.88);line-height:1.7;margin:0 0 1.75rem;max-width:420px;text-shadow:0 1px 8px rgba(0,0,0,0.4)}.social-proof{display:flex;align-items:center;gap:0.9rem;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:0.75rem 1rem;backdrop-filter:blur(8px);width:fit-content}.avatar-stack{display:flex}.avatar-stack img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.6);margin-left:-9px}.avatar-stack img:first-child{margin-left:0}.proof-text{font-size:0.85rem;color:rgba(210,225,255,0.82);line-height:1.45}.proof-text strong{display:block;color:#ffffff;font-size:0.92rem;font-weight:700}.auth-form-panel{width:500px;flex-shrink:0;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;overflow-y:auto}.form-logo{display:flex;justify-content:center;margin-bottom:2.25rem}.form-logo img{height:38px}.form-header{margin-bottom:1.75rem}.form-header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 0.3rem;letter-spacing:-0.3px}.form-header p{font-size:0.875rem;color:#64748b;margin:0}.form-divider{height:1px;background:#f1f5f9;margin:0 0 1.75rem}.field-group{margin-bottom:1.1rem}.field-label{display:block;font-size:0.8rem;font-weight:600;color:#334155;margin-bottom:0.4rem;letter-spacing:0.1px}.field-input{width:100%;padding:0.6rem 0.85rem;font-size:0.9rem;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color 0.18s,box-shadow 0.18s,background 0.18s;appearance:none}.field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.field-input::placeholder{color:#94a3b8}.field-pw{position:relative}.field-pw .field-input{padding-right:2.75rem}.pw-toggle{position:absolute;right:0.7rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;color:#94a3b8;cursor:pointer;font-size:0.9rem;line-height:1}.pw-toggle:hover{color:#475569}.form-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.check-label{display:flex;align-items:center;gap:0.45rem;font-size:0.83rem;color:#475569;cursor:pointer;user-select:none}.check-label input[type="checkbox"]{width:15px;height:15px;accent-color:#6366f1;cursor:pointer}.link-forgot{font-size:0.83rem;font-weight:500;color:#6366f1;text-decoration:none}.link-forgot:hover{text-decoration:underline}.btn-submit{width:100%;padding:0.7rem 1rem;font-size:0.93rem;font-weight:600;color:#fff;background:#6366f1;border:none;border-radius:8px;cursor:pointer;letter-spacing:0.1px;transition:background 0.18s,box-shadow 0.18s,transform 0.12s;display:flex;align-items:center;justify-content:center;gap:0.5rem}.btn-submit:hover{background:#4f46e5;box-shadow:0 4px 14px rgba(99,102,241,0.35);transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:0.7rem 0.9rem;font-size:0.83rem;color:#b91c1c;margin-bottom:1.1rem;line-height:1.5}.policy-links{display:flex;justify-content:center;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-top:1.4rem;font-size:0.75rem}.policy-links a{color:#94a3b8;text-decoration:none;transition:color 0.15s}.policy-links a:hover{color:#6366f1}.policy-links .dot{color:#e2e8f0}.footer-copy{text-align:center;font-size:0.73rem;color:#cbd5e1;margin-top:0.5rem}#toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;gap:8px}@media (max-width:960px){.auth-panel{display:none}.auth-form-panel{width:100%;padding:2.5rem 1.75rem}}