.login-shell{--lp-font:var(--ace-font);--lp-canvas:#f6f8fc;--lp-surface:#fff;--lp-surface-2:#f1f5fb;--lp-border:#e4eaf2;--lp-border-strong:#c9d4e3;--lp-text-1:#0f172a;--lp-text-2:#475569;--lp-text-3:#94a3b8;--lp-primary:#2f6ef0;--lp-primary-2:#5b8def;--lp-primary-soft:#eaf1fe;--lp-primary-border:#cfdcf6;--lp-primary-shadow:rgba(47,110,240,.25);--lp-success:#10b981;--lp-line:#06c755;font-family:var(--lp-font);color:var(--lp-text-1);background:var(--lp-canvas);font-size:14px;line-height:1.5;display:grid;grid-template-columns:minmax(440px,1fr) 1.1fr;min-height:100vh}.login-shell *,.login-shell :after,.login-shell :before{box-sizing:border-box}.login-shell .form-side{display:flex;flex-direction:column;padding:32px 48px 28px;background:var(--lp-surface);min-width:0;position:relative}.login-shell .topbar{display:flex;align-items:center;justify-content:space-between}.login-shell .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.login-shell .brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--lp-primary),var(--lp-primary-2));display:grid;place-items:center;color:#fff;box-shadow:0 6px 16px var(--lp-primary-shadow)}.login-shell .brand-name{font-family:var(--lp-font);font-size:18px;font-weight:800;letter-spacing:-.3px}.login-shell .brand-name span{color:var(--lp-primary)}.login-shell .top-help{font-size:13px;color:var(--lp-text-3)}.login-shell .top-help a{color:var(--lp-primary);text-decoration:none;font-weight:600;margin-left:6px}.login-shell .top-help a:hover{text-decoration:underline}.login-shell .form-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:420px;width:100%;margin:0 auto}.login-shell .eyebrow{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;background:var(--lp-primary-soft);color:var(--lp-primary);border-radius:999px;font-size:12px;font-weight:600;margin-bottom:16px}.login-shell .eyebrow .dot{width:6px;height:6px;background:var(--lp-success);border-radius:50%;box-shadow:0 0 0 3px rgba(16,185,129,.18)}.login-shell h1{font-family:var(--lp-font);font-size:30px;font-weight:800;margin:0 0 8px;color:var(--lp-text-1);letter-spacing:-.5px;line-height:1.2}.login-shell h1 b,.login-shell h1 strong{color:var(--lp-primary)}.login-shell .lede{color:var(--lp-text-2);margin:0 0 24px;font-size:14px}.login-shell .social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.login-shell .social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--lp-text-1);transition:all .15s}.login-shell .social-btn:hover:not(:disabled){border-color:var(--lp-border-strong);background:var(--lp-surface-2);transform:translateY(-1px)}.login-shell .social-btn .badge-line{width:22px;height:22px;border-radius:6px;background:var(--lp-line);display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;font-family:Arial,sans-serif}.login-shell .divider{display:flex;align-items:center;gap:12px;margin:4px 0 18px;color:var(--lp-text-3);font-size:12px}.login-shell .divider:after,.login-shell .divider:before{content:"";flex:1;height:1px;background:var(--lp-border)}.login-shell .field{margin-bottom:14px}.login-shell .field-label{display:block;font-size:13px;font-weight:600;color:var(--lp-text-1);margin-bottom:6px}.login-shell .input-wrap{position:relative;display:flex;align-items:center}.login-shell .input-wrap svg.lead{position:absolute;left:13px;color:var(--lp-text-3);pointer-events:none}.login-shell .input-wrap input{flex:1;padding:12px 14px 12px 42px;border:1.5px solid var(--lp-border);border-radius:11px;font-family:inherit;font-size:14px;color:var(--lp-text-1);background:var(--lp-surface);transition:border-color .15s,box-shadow .15s;outline:none;width:100%}.login-shell .input-wrap input::-moz-placeholder{color:var(--lp-text-3)}.login-shell .input-wrap input::placeholder{color:var(--lp-text-3)}.login-shell .input-wrap input:focus{border-color:var(--lp-primary);box-shadow:0 0 0 4px var(--lp-primary-soft)}.login-shell .input-wrap .toggle{position:absolute;right:10px;background:transparent;border:0;cursor:pointer;color:var(--lp-text-3);padding:6px;border-radius:6px;display:grid;place-items:center}.login-shell .input-wrap .toggle:hover{color:var(--lp-text-1);background:var(--lp-surface-2)}.login-shell .row-between{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px}.login-shell .check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--lp-text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-shell .check input{display:none}.login-shell .check .box{width:18px;height:18px;border:1.5px solid var(--lp-border-strong);border-radius:5px;display:grid;place-items:center;background:var(--lp-surface);transition:all .15s}.login-shell .check input:checked+.box{background:var(--lp-primary);border-color:var(--lp-primary)}.login-shell .check input:checked+.box svg{opacity:1}.login-shell .check .box svg{opacity:0;transition:opacity .15s;color:#fff}.login-shell .forgot{color:var(--lp-primary);text-decoration:none;font-size:13px;font-weight:600}.login-shell .forgot:hover{text-decoration:underline}.login-shell .form-error{margin:0 0 12px;padding:10px 12px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px}.login-shell .primary-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:linear-gradient(135deg,var(--lp-primary),var(--lp-primary-2));color:#fff;border:0;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 6px 18px var(--lp-primary-shadow)}.login-shell .primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px var(--lp-primary-shadow)}.login-shell .primary-btn:active:not(:disabled){transform:translateY(0)}.login-shell .primary-btn:disabled{opacity:.85;cursor:wait}.login-shell .primary-btn .spinner{animation:lp-spin .7s linear infinite;transform-origin:center}@keyframes lp-spin{to{transform:rotate(1turn)}}.login-shell .signup-row{text-align:center;margin-top:22px;font-size:13px;color:var(--lp-text-2)}.login-shell .signup-row a{color:var(--lp-primary);text-decoration:none;font-weight:700;margin-left:4px}.login-shell .signup-row a:hover{text-decoration:underline}.login-shell .login-footer{display:flex;justify-content:space-between;align-items:center;color:var(--lp-text-3);font-size:12px;margin-top:auto;padding-top:20px}.login-shell .login-footer .footer-links{display:flex;gap:16px}.login-shell .login-footer a{color:var(--lp-text-3);text-decoration:none}.login-shell .login-footer a:hover{color:var(--lp-text-1)}.login-shell .marketing{position:relative;background:linear-gradient(135deg,#2f6ef0,#5b8def 55%,#7aa3ff);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;color:#fff;min-width:0}.login-shell .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}.login-shell .blob.b1{width:320px;height:320px;background:#93c5fd;top:-60px;right:-60px}.login-shell .blob.b2{width:260px;height:260px;background:#c7d6ff;bottom:60px;left:-60px;opacity:.4}.login-shell .blob.b3{width:200px;height:200px;background:#fff;top:40%;right:25%;opacity:.2}.login-shell .marketing:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.18) 1px,transparent 1.5px);background-size:22px 22px;opacity:.5;pointer-events:none}.login-shell .quote{position:relative;z-index:1;max-width:480px}.login-shell .quote-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;font-size:12px;font-weight:600;border:1px solid hsla(0,0%,100%,.25)}.login-shell .quote h2{font-family:var(--lp-font);font-size:36px;font-weight:800;line-height:1.2;margin:16px 0 12px;letter-spacing:-.5px}.login-shell .quote p{margin:0;font-size:15px;line-height:1.6;opacity:.92}.login-shell .stage{position:relative;z-index:1;flex:1;margin:32px 0}.login-shell .card{position:absolute;background:hsla(0,0%,100%,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.18),0 8px 24px rgba(15,23,42,.08);color:var(--lp-text-1);border:1px solid hsla(0,0%,100%,.6)}.login-shell .card-kpi{top:0;left:8%;width:260px;padding:16px 18px;animation:floatA 6s ease-in-out infinite}.login-shell .card-kpi .lbl{display:flex;align-items:center;justify-content:space-between}.login-shell .card-kpi .lbl-text{font-size:12px;color:var(--lp-text-3);font-weight:600}.login-shell .card-kpi .chip{display:inline-flex;align-items:center;gap:3px;background:#ecfdf5;color:#059669;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px}.login-shell .card-kpi .val{font-family:var(--lp-font);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:4px 0}.login-shell .card-kpi .spark{display:block;margin-top:4px}.login-shell .card-chat{bottom:50px;right:0;width:300px;padding:14px 16px;animation:floatB 7s ease-in-out infinite}.login-shell .chat-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.login-shell .chat-row .ava{width:34px;height:34px;border-radius:50%;background:#06c755;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.login-shell .chat-row .meta{flex:1;min-width:0}.login-shell .chat-row .nm{font-size:13px;font-weight:700}.login-shell .chat-row .sm{font-size:11px;color:var(--lp-text-3)}.login-shell .chat-row .dot-green{width:8px;height:8px;background:#10b981;border-radius:50%}.login-shell .bubble{background:var(--lp-primary-soft);color:var(--lp-text-1);padding:8px 11px;border-radius:10px;border-bottom-left-radius:3px;font-size:12px;line-height:1.5;margin-bottom:6px}.login-shell .bubble.us{background:linear-gradient(135deg,var(--lp-primary),var(--lp-primary-2));color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:3px;margin-left:auto;max-width:78%}.login-shell .card-online{top:38%;right:18%;padding:10px 14px;display:flex;align-items:center;gap:10px;border-radius:999px;animation:floatC 5.5s ease-in-out infinite}.login-shell .card-online .pulse{width:9px;height:9px;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:pulse 1.6s ease-out infinite}.login-shell .card-online .text{font-size:12px;font-weight:700}.login-shell .card-online .text small{font-weight:500;color:var(--lp-text-3);display:block;font-size:10px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 12px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes floatC{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.login-shell .trust{position:relative;z-index:1;border-top:1px solid hsla(0,0%,100%,.2);padding-top:20px}.login-shell .trust-label{font-size:11px;opacity:.8;margin-bottom:10px;letter-spacing:.5px}.login-shell .trust-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.login-shell .trust-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;opacity:.92}.login-shell .trust-item .ico{width:28px;height:28px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:8px;display:grid;place-items:center}@media (max-width:980px){.login-shell{grid-template-columns:1fr}.login-shell .marketing{display:none}}.dark .login-shell{--lp-canvas:rgb(var(--bg));--lp-surface:rgb(var(--bg-elevated));--lp-surface-2:rgb(var(--bg-muted));--lp-border:rgb(var(--border));--lp-border-strong:rgb(var(--border-strong));--lp-text-1:rgb(var(--fg));--lp-text-2:rgb(var(--fg-muted));--lp-text-3:rgb(var(--fg-subtle));--lp-primary:rgb(var(--brand));--lp-primary-2:rgb(var(--brand));--lp-primary-soft:rgb(var(--brand-soft));--lp-primary-border:rgb(var(--border-focus));--lp-primary-shadow:rgba(52,211,153,.25);--lp-success:rgb(var(--success))}