.lgn-root{--lgn-from:#f2742a;--lgn-to:#b45309;--lgn-accent:#c2410c;--lgn-ink:#0f172a;--lgn-muted:#64748b;--lgn-line:#e2e8f0;min-height:100svh;color:var(--lgn-ink);background:#fff;grid-template-columns:1.05fr 1fr;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.lgn-brand{color:#fff;background:radial-gradient(120% 90% at 85% 15%, #ffffff2e, transparent 60%), radial-gradient(90% 80% at 10% 90%, #00000038, transparent 55%), linear-gradient(135deg, var(--lgn-from), var(--lgn-to));flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.lgn-brand:after{content:"";aspect-ratio:1;filter:blur(2px);pointer-events:none;background:#ffffff12;border-radius:32% 68% 60% 40%/40% 40% 60% 60%;width:62%;position:absolute;bottom:-18%;right:-8%}.lgn-brand-top{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.lgn-brand-mark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff40;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.lgn-brand-name{letter-spacing:-.02em;font-size:19px;font-weight:800}.lgn-brand-portal{letter-spacing:.1em;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;margin-left:6px;padding:4px 10px;font-size:11px;font-weight:700}.lgn-brand-body{z-index:1;max-width:26rem;position:relative}.lgn-brand-body h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(26px,3.4vw,42px);font-weight:800;line-height:1.08}.lgn-brand-body p{opacity:.92;margin:0;font-size:clamp(14px,1.4vw,16.5px);line-height:1.55}.lgn-brand-foot{z-index:1;opacity:.8;flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex;position:relative}.lgn-panel{background:#fff;justify-content:center;align-items:center;padding:clamp(24px,4vw,48px);display:flex}.lgn-card{width:100%;max-width:380px}.lgn-card-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.lgn-card-head p{color:var(--lgn-muted);margin:0 0 22px;font-size:14px}.lgn-field{margin-bottom:15px;display:block}.lgn-field>span{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.lgn-input{width:100%;height:46px;color:var(--lgn-ink);border:1px solid var(--lgn-line);background:#fff;border-radius:10px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.lgn-input:focus-visible{border-color:var(--lgn-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--lgn-accent) 22%, transparent);outline:none}.lgn-pw-wrap{position:relative}.lgn-pw-wrap .lgn-input{padding-right:46px}.lgn-pw-toggle{width:38px;height:38px;color:var(--lgn-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.lgn-pw-toggle:hover{color:var(--lgn-ink);background:#f1f5f9}.lgn-pw-toggle:focus-visible{outline:2px solid var(--lgn-accent);outline-offset:1px}.lgn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--lgn-from), var(--lgn-to));border:none;border-radius:10px;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:700;transition:filter .15s,transform 50ms}.lgn-submit:hover:not(:disabled){filter:brightness(1.05)}.lgn-submit:active:not(:disabled){transform:translateY(1px)}.lgn-submit:disabled{opacity:.65;cursor:progress}.lgn-submit:focus-visible{outline:2px solid var(--lgn-accent);outline-offset:2px}.lgn-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:14px;padding:9px 12px;font-size:13px}.lgn-foot{text-align:center;color:var(--lgn-muted);margin-top:18px;font-size:13px}.lgn-foot a{color:var(--lgn-accent);font-weight:600;text-decoration:none}.lgn-foot a:hover{text-decoration:underline}@keyframes lgn-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lgn-anim{opacity:0;animation:.5s cubic-bezier(.2,.7,.2,1) forwards lgn-rise}.lgn-anim.d1{animation-delay:50ms}.lgn-anim.d2{animation-delay:.12s}.lgn-anim.d3{animation-delay:.19s}.lgn-anim.d4{animation-delay:.26s}@media (max-width:820px){.lgn-root{grid-template-columns:1fr}.lgn-brand{gap:18px;min-height:auto;padding:22px 20px 26px}.lgn-brand:after{width:50%;bottom:-30%}.lgn-brand-foot{display:none}.lgn-brand-body h2{font-size:24px}.lgn-panel{padding:26px 20px 40px}}@media (prefers-reduced-motion:reduce){.lgn-anim{opacity:1;animation:none}}
