.login-page{--login-primary:#7c3aed;--login-primary-hover:#6d28d9;--login-primary-rgb:124, 58, 237;--login-text:#1c1730;--login-muted:#6b657c;--login-border:#e6e1ef;--login-surface:#fff;--login-input-h:3.15rem;--login-control-radius:.9rem;isolation:isolate;width:100%;min-height:100svh;color:var(--login-text);touch-action:manipulation;direction:ltr;background:#f4efff;grid-template-columns:minmax(0,1.18fr) minmax(22.5rem,.82fr);display:grid;position:relative;overflow:hidden}.login-page ::selection{background:rgba(var(--login-primary-rgb), .2);color:var(--login-text)}.login-page input{caret-color:var(--login-primary)}.login-scene{background:#d9c8f2;min-height:100svh;position:relative;overflow:hidden}.login-scene-hero{object-fit:cover;object-position:42% center;width:100%;height:100%;display:block;position:absolute;inset:0}.login-panel{z-index:2;align-items:stretch;min-height:100svh;padding:clamp(1.75rem,4svh,3rem) clamp(2rem,4.5vw,4.75rem) clamp(1.25rem,3svh,2rem) clamp(1rem,2vw,2rem);display:grid;position:relative}.login-panel-curve{inset-block:-2%;z-index:0;pointer-events:none;width:auto;height:104%;position:absolute;left:-22vw;right:0}.login-panel-inner{z-index:1;text-align:center;flex-direction:column;width:min(24.5rem,100%);min-height:100%;margin-inline:auto;display:flex;position:relative}.login-brand{direction:ltr;justify-content:center;align-items:center;gap:.7rem;margin-top:clamp(.25rem,2svh,1.25rem);display:flex}.login-brand-mark{object-fit:contain;width:3.35rem;height:3.35rem}.login-brand-copy{text-align:right;direction:rtl;flex-direction:column;align-items:flex-end;gap:.12rem;display:flex}.login-brand-copy strong{color:var(--login-text);font-size:1.55rem;font-weight:800;line-height:1.2}.login-brand-copy span{color:var(--login-muted);letter-spacing:-.01em;font-size:.72rem;font-weight:500}.login-form{flex-direction:column;flex:1;justify-content:center;gap:1.65rem;padding-block:clamp(1.25rem,6svh,3.25rem) 1rem;display:flex}.login-heading{text-align:center}.login-step{color:var(--login-primary);margin:0 0 .85rem;font-size:.82rem;font-weight:700}.login-heading h1{color:var(--login-text);text-wrap:balance;margin:0;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:800;line-height:1.45}.login-heading>p:last-child{max-width:22.5rem;color:var(--login-muted);text-wrap:pretty;margin:.7rem auto 0;font-size:.82rem;font-weight:500;line-height:1.9}.login-flow{text-align:start;width:100%}.login-flow .space-y-4{flex-direction:column;gap:1rem;display:flex}.login-flow .space-y-3{flex-direction:column;gap:.85rem;display:flex}.login-panel label,.login-label{color:var(--login-text);margin-bottom:.45rem;font-size:.8rem;font-weight:700;line-height:1.6}.login-panel .relative>input{height:var(--login-input-h);border-radius:var(--login-control-radius);border-color:var(--login-border);background-color:var(--login-surface);color:var(--login-text);box-shadow:none;font-size:.92rem;font-weight:600}.login-panel .relative>input:focus,.login-panel .relative>input:focus-visible{border-color:var(--login-primary);box-shadow:0 0 0 .2rem rgba(var(--login-primary-rgb), .12)}.login-panel .left-input{letter-spacing:.04em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23a78bfa' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.2'/%3E%3Cpath d='M11 17.5h2'/%3E%3C/svg%3E");background-position:1.05rem;background-repeat:no-repeat;background-size:1.05rem;padding-left:2.65rem}.login-panel .left-input::placeholder{color:#b7b1c6;letter-spacing:.08em;font-weight:500}.login-flow button.inline-flex{height:var(--login-input-h);border-radius:var(--login-control-radius);background:var(--login-primary);color:#fff;box-shadow:none;font-size:.95rem;font-weight:700;position:relative}.login-flow button.inline-flex:hover:not(:disabled){background:var(--login-primary-hover);opacity:1}.login-flow button.inline-flex:before{content:"";border-top:.125rem solid;border-left:.125rem solid;width:.48rem;height:.48rem;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)rotate(-45deg)}.login-flow button.inline-flex:disabled:before{opacity:0}.login-flow button.w-full.text-center{color:var(--login-primary);margin-top:.15rem;font-weight:700}.login-flow button.w-full.text-center:focus-visible{outline:.125rem solid var(--login-primary);outline-offset:.2rem;border-radius:.4rem}.login-otp-group{flex-direction:row;gap:.5rem;width:100%;display:flex;direction:ltr!important}.login-otp-group input{aspect-ratio:1;border:.0625rem solid var(--login-border);border-radius:var(--login-control-radius);background:var(--login-surface);width:100%;min-width:0;min-height:2.85rem;color:var(--login-text);font-variant-numeric:tabular-nums;text-align:center;outline:0;flex:1 1 0;font-size:1.1rem;font-weight:800;transition:border-color .2s,box-shadow .2s}.login-otp-group input:focus-visible{border-color:var(--login-primary);box-shadow:0 0 0 .2rem rgba(var(--login-primary-rgb), .12)}.login-otp-timer{min-height:1.4rem;color:var(--login-muted);justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.login-otp-timer button{color:var(--login-primary);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.login-otp-timer button:focus-visible{outline:.125rem solid var(--login-primary);outline-offset:.125rem;border-radius:.35rem}.login-panel-transition{animation:.32s cubic-bezier(.23,1,.32,1) both login-panel-in}.login-credit{color:#8a8498;white-space:nowrap;align-items:center;gap:.9rem;margin:auto 0 0;padding-top:.35rem;font-size:.78rem;font-weight:600;line-height:1.7;display:flex}.login-credit:before,.login-credit:after{content:"";background:#ddd7e8;flex:auto;height:.0625rem}@keyframes login-panel-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:68rem){.login-page{grid-template-columns:minmax(0,1fr) minmax(21rem,.92fr)}.login-panel-curve{left:-16vw}.login-panel{padding-inline-end:2rem}}@media (max-width:53.125rem){.login-page{flex-direction:column;min-height:100svh;display:flex;overflow:auto}.login-scene{order:-1;height:28svh;min-height:28svh}.login-panel{min-height:0;padding:2.25rem 1.35rem calc(1.25rem + env(safe-area-inset-bottom));background:linear-gradient(#f8f3ff 0%,#fff 28%);border-radius:2rem 2rem 0 0;flex:1;margin-top:-2.75rem}.login-panel-curve{display:none}.login-panel-inner{width:min(26rem,100%)}.login-form{gap:1.35rem;padding-block:1.35rem .75rem}}@media (max-width:26.25rem){.login-panel{border-radius:1.65rem 1.65rem 0 0;padding-inline:1.05rem}.login-brand-mark{width:2.9rem;height:2.9rem}.login-brand-copy strong{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.login-panel-transition{animation:none}}