*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%}#root{width:100%;height:100%}.login-page{min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;display:flex}.login-brand-panel{background:#08041a;flex-direction:column;justify-content:space-between;width:45%;min-width:360px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed59 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-120px;right:-120px}.login-brand-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#4c1d9566 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.login-brand-top{z-index:1;position:relative}.login-brand-mark{align-items:center;gap:14px;display:flex}.login-brand-icon{color:#c4b5fd;background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 12px #7c3aed80}.login-brand-icon svg{width:22px;height:22px}.login-brand-text{flex-direction:column;gap:2px;display:flex}.login-brand-name{color:#fff;letter-spacing:.04em;font-size:18px;font-weight:800}.login-brand-sep{color:#7c3aed;margin:0 4px;font-weight:400}.login-brand-name-accent{color:#c4b5fd}.login-brand-tag{color:#6b7280;letter-spacing:.02em;font-size:11px}.login-pitch{z-index:1;padding:40px 0;position:relative}.login-pitch h1{color:#fff;letter-spacing:-.01em;margin:0 0 20px;font-size:28px;font-weight:800;line-height:1.35}.login-pitch h1 em{color:#c4b5fd;font-style:normal}.login-pitch p{color:#8b8fa8;margin:0;font-size:13.5px;line-height:1.7}.login-form-panel{background:#e8eaf2;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-form-card{background:#fff;border:1px solid #d4d8e8;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 4px 24px #07090f14}.login-form-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#7c3aed;margin-bottom:8px;font-size:11px;font-weight:700}.login-form-title{color:#07090f;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:800}.login-form-subtitle{color:#4a5268;margin:0 0 28px;font-size:13.5px}.login-error-banner{color:#991b1b;opacity:0;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:10px;max-height:0;margin-bottom:0;padding:0 14px;font-size:13px;transition:max-height .25s,opacity .2s,padding .2s,margin-bottom .2s;display:flex;overflow:hidden}.login-error-banner.show{opacity:1;max-height:80px;margin-bottom:20px;padding:10px 14px}.login-error-banner svg{color:#ef4444;flex-shrink:0;width:15px;height:15px;margin-top:1px}.login-form{flex-direction:column;display:flex}.login-field{margin-bottom:18px}.login-field-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.login-field-row label{color:#07090f;font-size:13px;font-weight:600}.login-forgot-link{color:#7c3aed;font-size:12px;font-weight:500;text-decoration:none}.login-forgot-link:hover{text-decoration:underline}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#7e869e;pointer-events:none;width:16px;height:16px;position:absolute;left:12px}.login-input-wrap input{color:#07090f;box-sizing:border-box;background:#fafbfc;border:1.5px solid #d4d8e8;border-radius:8px;outline:none;width:100%;height:42px;padding:0 40px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-input-wrap input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.login-input-wrap input.invalid{background:#fff8f8;border-color:#ef4444}.login-input-wrap input.invalid:focus{box-shadow:0 0 0 3px #ef44441f}.login-input-wrap input::placeholder{color:#9ca3af;font-size:13.5px}.login-password-toggle{cursor:pointer;color:#7e869e;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background .15s;display:flex;position:absolute;right:10px}.login-password-toggle:hover{color:#4a5268;background:#f3f4f6}.login-password-toggle svg{width:16px;height:16px}.login-field-error{color:#ef4444;opacity:0;align-items:center;gap:6px;max-height:0;margin-top:0;font-size:12px;transition:max-height .2s,opacity .15s,margin-top .15s;display:flex;overflow:hidden}.login-field-error.show{opacity:1;max-height:30px;margin-top:5px}.login-field-error svg{color:#ef4444;flex-shrink:0;width:13px;height:13px}.login-remember-row{color:#4a5268;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.login-remember-row input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;width:15px;height:15px}.login-submit-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .15s,transform .1s,background .2s;display:flex}.login-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.7}.login-submit-btn.success{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.login-submit-btn.loading{pointer-events:none}.login-submit-arrow{flex-shrink:0;width:14px;height:14px;transition:transform .15s}.login-submit-btn:hover .login-submit-arrow{transform:translate(2px)}.login-submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite login-spin;display:none}.login-submit-btn.loading .login-submit-spinner{display:block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-stagger{animation:.4s both login-fade-up}@keyframes login-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.login-page{flex-direction:column}.login-brand-panel{width:100%;min-width:unset;padding:28px 24px}.login-pitch{display:none}.login-form-panel{flex:unset;padding:32px 16px 40px}.login-form-card{padding:28px 20px}}