.login-page,.login-root{--login-bg:#f4f5f8;--login-card-border:#eceef3;--login-illustration-border:#e8eaf0;--login-feature-purple-bg:#f3efff;--login-action-gradient:linear-gradient(145deg,#6d4dff 0%,var(--brand-purple-bright) 100%);--login-text-strong:#111827;--login-text:#1f2937;--login-text-label:#374151;--login-text-body:#4b5563;--login-text-muted:#6b7280;--login-text-on-bg:#68707d;--login-text-subtle:#9ca3af;--login-border:#e5e7eb}.login-root{height:100dvh}.login-page,.login-root{overflow-x:visible;overflow-y:hidden}.login-page{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--login-bg);color:var(--login-text)}.login-page__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(2rem,3.5vw,3.5rem);align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:clamp(1.25rem,2.5vh,2.25rem) clamp(1.75rem,3vw,2.75rem) .5rem max(1.5cm,clamp(1.75rem,3vw,2.75rem));overflow-x:visible;overflow-y:hidden}.login-marketing{display:flex;flex-direction:column;min-height:0;justify-content:center;overflow:visible;width:100%;max-width:648px;margin-left:-1.5cm}.login-marketing__showcase{--login-showcase-scale:1.2;width:100%;max-width:540px;zoom:var(--login-showcase-scale)}@supports not (zoom:1){.login-marketing__showcase{transform:scale(var(--login-showcase-scale));transform-origin:top left;width:calc(100% / var(--login-showcase-scale));max-width:calc(540px / var(--login-showcase-scale));margin-bottom:5.5rem}}.login-marketing__logo{margin-bottom:clamp(1.25rem,2.5vh,2rem)}.login-marketing__brand img{height:clamp(2.99rem,5.23vh,3.74rem)!important;width:auto!important}.login-marketing__headline{font-size:clamp(2.22rem,3.6vw,3.3rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--login-text-strong);max-width:14ch}.login-marketing__headline em{font-style:normal;color:var(--brand-purple-bright)}.login-marketing__subtitle{margin-top:clamp(.75rem,1.5vh,1rem);max-width:32rem;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.6;color:var(--login-text-on-bg)}.login-illustration{position:relative;margin:clamp(1.25rem,2.5vh,2rem) 0 clamp(1rem,2vh,1.5rem);width:100%;max-width:540px;flex-shrink:1}.login-illustration__canvas{position:relative;width:100%;height:clamp(190px,27vh,255px)}.login-illustration__sparkles{position:absolute;right:4%;top:2%;display:flex;gap:.35rem;opacity:.85;z-index:2;color:#a78bfa}.login-illustration__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7;color:#c4b5fd}.login-illustration__dashboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,268px);border-radius:1rem;background:var(--surface-card);border:1px solid var(--login-illustration-border);box-shadow:0 18px 40px rgba(15,23,42,.1);overflow:hidden}.login-illustration__dash-header{display:flex;gap:.3rem;padding:.45rem .65rem;background:var(--login-action-gradient)}.login-illustration__dash-dot{width:.45rem;height:.45rem;border-radius:999px;background:#e5e7eb}.login-illustration__dash-dot--light{background:rgba(255,255,255,.75)}.login-illustration__dash-body{padding:.55rem .65rem .65rem}.login-illustration__dash-profile{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem}.login-illustration__dash-avatar{width:1.35rem;height:1.35rem;border-radius:999px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.login-illustration__dash-avatar--fallback{background:linear-gradient(145deg,#c4b5fd,#818cf8)}.login-illustration__dash-text{flex:1;min-width:0}.login-illustration__dash-bar{display:block;height:.35rem;border-radius:999px;background:#f3f4f6;margin-bottom:.28rem}.login-illustration__dash-bar--short{width:42%}.login-illustration__dash-bar--mid{width:68%;margin-bottom:0}.login-illustration__dash-bar--row{flex:1;margin-bottom:0}.login-illustration__dash-panels{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.login-illustration__dash-list{display:flex;flex-direction:column;gap:.35rem}.login-illustration__dash-row{display:flex;align-items:center;gap:.3rem}.login-illustration__dash-pill{width:.55rem;height:.55rem;border-radius:999px;background:#ede9fe;flex-shrink:0}.login-illustration__dash-chart{display:flex;align-items:flex-end;justify-content:center;gap:.28rem;padding:.2rem .35rem 0;border-radius:.55rem;background:#fafafa;border:1px solid #f3f4f6;min-height:2.6rem}.login-illustration__chart-bar{width:.55rem;border-radius:.2rem .2rem 0 0;background:linear-gradient(180deg,#8b5cf6 0,var(--brand-purple-bright) 100%)}.login-illustration__avatar{position:absolute;width:clamp(2.35rem,3.6vw,2.85rem);height:clamp(2.35rem,3.6vw,2.85rem);border-radius:999px;border:2.5px solid var(--surface-card);box-shadow:0 8px 20px rgba(15,23,42,.12);overflow:hidden}.login-illustration__avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-illustration__avatar--1{left:4%;top:10%}.login-illustration__avatar--2{right:2%;top:50%;transform:translateY(-50%)}.login-illustration__avatar--3{left:0;bottom:6%}.login-illustration__avatar--fallback-1{background:linear-gradient(145deg,#fda4af,#fb7185)}.login-illustration__avatar--fallback-2{background:linear-gradient(145deg,#93c5fd,#60a5fa)}.login-illustration__avatar--fallback-3{background:linear-gradient(145deg,#86efac,#4ade80)}.login-illustration__avatar--fallback-4{background:linear-gradient(145deg,#fcd34d,#fbbf24)}.login-illustration__badge{position:absolute;width:2.1rem;height:2.1rem;border-radius:999px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(15,23,42,.14)}.login-illustration__badge--team{left:16%;top:46%;background:linear-gradient(145deg,#7c3aed,var(--brand-purple-bright))}.login-illustration__badge--doc{left:10%;bottom:2%;background:linear-gradient(145deg,#34d399,#10b981)}.login-illustration__badge--chat{right:14%;bottom:4%;background:linear-gradient(145deg,#60a5fa,#3b82f6)}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;width:100%;max-width:540px}.login-feature-card{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:1rem;background:var(--surface-card);border:1px solid var(--login-card-border);box-shadow:0 6px 18px rgba(15,23,42,.04)}.login-feature-card__icon{width:2.25rem;height:2.25rem;border-radius:.7rem;display:grid;place-items:center;flex-shrink:0}.login-feature-card__icon--purple{background:var(--login-feature-purple-bg);color:var(--brand-purple-bright)}.login-feature-card__icon--green{background:#ecfdf5;color:#10b981}.login-feature-card__icon--blue{background:#eff6ff;color:#3b82f6}.login-feature-card__title{font-size:.92rem;font-weight:700;color:var(--login-text-strong);line-height:1.2}.login-feature-card__desc{margin-top:.15rem;font-size:.78rem;color:var(--login-text-muted);line-height:1.35}.login-form-column{display:flex;justify-content:center;align-items:center;min-height:0;overflow:hidden;padding-left:clamp(.5rem,2vw,1.5rem)}.login-card{width:100%;max-width:420px;background:var(--surface-card);border-radius:1.35rem;border:1px solid var(--login-card-border);box-shadow:0 22px 50px rgba(15,23,42,.08);padding:2rem 2rem 1.75rem}.login-card__title{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--login-text-strong);text-align:center}.login-card__subtitle{margin-top:.45rem;font-size:.92rem;line-height:1.5;color:var(--login-text-muted);text-align:center}.login-field{margin-top:1.1rem}.login-field__label{display:block;margin-bottom:.35rem;font-size:.82rem;font-weight:600;color:var(--login-text-label)}.login-field__control{position:relative}.login-field__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--login-text-subtle);pointer-events:none}.login-field__input{width:100%;border-radius:.85rem;border:1px solid var(--login-border);background:var(--surface-card);padding:.72rem 2.75rem .72rem 2.65rem;font-size:.92rem;color:var(--login-text-strong);transition:border-color .15s,box-shadow .15s}.login-field__input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 4px rgb(var(--brand-purple-bright-rgb)/.12)}.login-field__toggle{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--login-text-subtle);cursor:pointer;padding:.2rem}.login-field__toggle:hover{color:var(--login-text-muted)}.login-form-row{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.login-checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--login-text-body);cursor:pointer}.login-checkbox input{width:.95rem;height:.95rem;accent-color:var(--brand-purple-bright)}.login-link{font-size:.8rem;font-weight:600;color:var(--brand-purple-bright);background:none;border:none;cursor:pointer;padding:0}.login-link:hover{text-decoration:underline}.login-btn-primary{margin-top:1.15rem;width:100%;border:none;border-radius:.85rem;padding:.82rem 1rem;font-size:.95rem;font-weight:700;color:#fff;background:var(--login-action-gradient);box-shadow:0 12px 26px rgb(var(--brand-purple-bright-rgb)/.26);cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.login-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px rgb(var(--brand-purple-bright-rgb)/.32)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-card__footer{margin-top:.95rem;text-align:center;font-size:.82rem;color:var(--login-text-muted)}.login-alert{margin-top:.75rem;border-radius:.7rem;padding:.6rem .75rem;font-size:.82rem;line-height:1.4}.login-alert--error{background:#fef2f2;color:#b91c1c}.login-alert--success{background:#ecfdf5;color:#047857}.login-steps{margin-top:1.1rem;display:grid;gap:.65rem;counter-reset:login-step;list-style:none;padding:0}.login-steps li{position:relative;counter-increment:login-step;border-radius:.85rem;border:1px solid var(--login-card-border);background:rgb(var(--brand-purple-bright-rgb)/.04);padding:.7rem .85rem .7rem 2.6rem;font-size:.86rem;line-height:1.45;color:var(--login-text-body)}.login-steps li:before{content:counter(login-step);position:absolute;left:.8rem;top:.72rem;display:inline-flex;width:1.3rem;height:1.3rem;align-items:center;justify-content:center;border-radius:999px;background:var(--login-action-gradient);color:#fff;font-size:.72rem;font-weight:700}.login-steps strong{color:var(--login-text-strong);font-weight:600}.login-page__footer{flex-shrink:0;padding:.4rem 1rem .55rem;text-align:center;font-size:.72rem;color:var(--login-text-on-bg)}.login-page__footer a{color:var(--brand-purple-bright);font-weight:600;text-decoration:none}.login-page__footer a:hover{text-decoration:underline}@media (max-height:720px){.login-marketing__logo{margin-bottom:.85rem}.login-marketing__headline{font-size:1.86rem}.login-illustration{margin:.75rem 0 .65rem}.login-illustration__canvas{height:155px}.login-feature-card{padding:.65rem .75rem}}@media (max-width:960px){.login-root{height:auto;min-height:100dvh;overflow:visible}.login-page{position:relative;inset:auto;min-height:100dvh;overflow-y:auto}.login-page__body{grid-template-columns:1fr;gap:1.25rem;max-width:none;padding:1rem 1.25rem .5rem;overflow:visible}.login-marketing{overflow:visible;max-width:none;margin-left:0}.login-feature-grid,.login-illustration,.login-marketing__headline,.login-marketing__showcase{max-width:none}.login-form-column{order:-1;overflow:visible;justify-content:center;padding-left:0;margin-left:0}}@media (max-width:520px){.login-page__body{padding:.75rem .85rem .5rem}.login-card{padding:1.15rem 1rem}.login-feature-grid{grid-template-columns:1fr}}