body{min-height:100dvh}.lg{grid-template-columns:minmax(0,1.08fr) minmax(400px,1fr);min-height:100dvh;display:grid}.lg-story{background:color-mix(in srgb, var(--bg-1) 55%, var(--bg-0));border-right:1px solid var(--line-soft);align-items:center;padding:56px clamp(32px,6vw,88px);display:flex;position:relative;overflow:hidden}.lg-story:before{content:"";opacity:.55;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0;mask-image:radial-gradient(80% 70% at 30% 40%,#000 30%,#0000 80%)}.lg-glow{filter:blur(40px);opacity:.5;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 38%, transparent), transparent 65%);pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute;top:-200px;left:-180px}.lg-story-inner{gap:22px;max-width:520px;display:grid;position:relative}.lg-brand{align-items:center;gap:11px;display:inline-flex}.lg-brand .wordmark{font-size:19px}.lg-brand-sub{border-left:1px solid var(--line);color:var(--fg-2);margin-left:1px;padding-left:11px;font-size:13px;font-weight:500}.lg-mark{width:36px;height:36px;font-family:var(--font-mono);letter-spacing:-.03em;color:var(--on-accent);background:linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent) 50%, var(--purple)));box-shadow:0 8px 20px -8px color-mix(in srgb, var(--accent) 75%, transparent), inset 0 1px 0 #ffffff40;border-radius:10px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.lg-story h2{color:var(--fg-0);letter-spacing:-.035em;margin-top:18px;font-size:clamp(30px,3.4vw,42px);font-weight:700;line-height:1.08}.lg-lead{color:var(--fg-2);max-width:440px;font-size:15px;line-height:1.55}.lg-features{gap:14px;margin-top:4px;list-style:none;display:grid}.lg-features li{align-items:center;gap:13px;display:flex}.lg-features b{color:var(--fg-0);font-size:13.5px;font-weight:600;display:block}.lg-features small{color:var(--fg-2);margin-top:1px;font-size:12.5px;display:block}.lg-fi{--c:var(--accent);border-radius:var(--radius);width:36px;height:36px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);flex:none;place-items:center;display:grid}.lg-fi svg{width:17px;height:17px}.c-ok{--c:var(--ok)}.c-warn{--c:var(--warn)}.c-accent{--c:var(--accent)}.lg-preview{max-width:440px;box-shadow:var(--shadow-2);gap:9px;margin-top:8px;padding:12px 14px 14px;display:grid}.lg-pv-head{font-family:var(--font-mono);color:var(--fg-3);align-items:center;gap:6px;margin-bottom:2px;font-size:11px;display:flex}.lg-pv-head i{background:var(--bg-3);border-radius:50%;width:8px;height:8px}.lg-pv-head span{margin-left:6px}.lg-pv-live{letter-spacing:.06em;color:var(--ok);align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.lg-pv-live:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.8s infinite lg-pulse}.lg-pv-row{opacity:0;align-items:center;gap:10px;animation:.5s forwards lg-in;display:flex}.lg-pv-row:nth-child(2){animation-delay:.15s}.lg-pv-row:nth-child(3){animation-delay:.45s}.lg-pv-row:nth-child(4){animation-delay:.75s}.lg-pv-row:nth-child(5){animation-delay:1.05s}.lg-pv-row em{--c:var(--accent);text-align:center;width:36px;font-style:normal;font-family:var(--font-mono);color:var(--c);background:color-mix(in srgb, var(--c) 13%, transparent);border-radius:4px;flex:none;padding:1px 0;font-size:10px;font-weight:700}.lg-pv-row span{height:7px;width:var(--w,60%);background:linear-gradient(90deg, var(--bg-3), var(--bg-2));border-radius:4px}.lg-pv-row .w72{--w:72%}.lg-pv-row .w54{--w:54%}.lg-pv-row .w63{--w:63%}.lg-pv-row .w41{--w:41%}.t-inf{--c:var(--info)!important}.t-sql{--c:var(--purple)!important}.t-job{--c:var(--warn)!important}.t-wrn{--c:var(--err)!important}@keyframes lg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes lg-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.lg-panel{background:var(--bg-0);flex-direction:column;padding:22px clamp(20px,4vw,48px);display:flex}.lg-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.lg-brand-sm{visibility:hidden}.lg-brand-sm .lg-mark{border-radius:8px;width:30px;height:30px;font-size:12px}.lg-brand-sm .wordmark{font-size:16px}.lg-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.lg-form-wrap{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:380px;margin:0 auto;padding:32px 0;display:flex}.lg-form-wrap h1{color:var(--fg-0);letter-spacing:-.025em;font-size:24px;font-weight:700}.lg-sub{color:var(--fg-2);margin:6px 0 22px;font-size:13.5px}form{gap:16px;display:grid}.lg-field label{color:var(--fg-1);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.lg-input{align-items:center;display:flex;position:relative}.lg-input>svg{width:16px;height:16px;color:var(--fg-3);pointer-events:none;transition:color .15s;position:absolute;left:12px}.lg-input input{background:var(--bg-1);width:100%;height:42px;color:var(--fg-0);border:1px solid var(--line);border-radius:var(--radius);font:inherit;padding:0 12px 0 38px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.lg-input input[type=password],.lg-input input#password{padding-right:44px}.lg-input input:hover{border-color:color-mix(in srgb, var(--fg-3) 60%, var(--line))}.lg-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.lg-input:focus-within>svg{color:var(--accent)}.has-error .lg-input input{border-color:color-mix(in srgb, var(--err) 55%, var(--line))}.lg-eye{border-radius:var(--radius);width:34px;height:32px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;right:5px}.lg-eye:hover{color:var(--fg-0);background:var(--bg-hover)}.lg-eye:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.lg-eye svg{grid-area:1/1;width:17px;height:17px}.lg-eye .i-hide,.lg-eye[aria-pressed=true] .i-show{display:none}.lg-eye[aria-pressed=true] .i-hide{display:block}.lg-caps{color:var(--warn);margin-top:6px;font-size:12px;font-weight:600}.lg-caps[hidden]{display:none}.lg-check{width:fit-content;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:inline-flex}.lg-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.lg-submit{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);height:44px;color:var(--on-accent);font:inherit;cursor:pointer;box-shadow:0 8px 22px -12px color-mix(in srgb, var(--accent) 90%, transparent);justify-content:center;align-items:center;gap:10px;margin-top:2px;font-size:14px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:flex;position:relative}.lg-submit:hover{background:color-mix(in srgb, var(--accent) 86%, var(--mix-hi))}.lg-submit:active{transform:translateY(1px)}.lg-submit:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.lg-submit[disabled]{cursor:progress;opacity:.85}.lg-spin{border:2px solid color-mix(in srgb, var(--on-accent) 35%, transparent);border-top-color:var(--on-accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite lg-rot;display:none}.lg-submit[disabled] .lg-spin{display:block}@keyframes lg-rot{to{transform:rotate(360deg)}}.lg-dest{text-align:center;color:var(--fg-3);margin-top:-4px;font-size:12px}.lg-dest b{color:var(--fg-1);font-weight:600}.lg-alert{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.lg-alert svg{flex:none;width:16px;height:16px;margin-top:1px}.lg-alert.err{color:color-mix(in srgb, var(--err) 82%, var(--fg-0));background:color-mix(in srgb, var(--err) 9%, var(--bg-0));border:1px solid color-mix(in srgb, var(--err) 32%, transparent);animation:.4s lg-shake}.lg-alert.warn{color:var(--fg-1);background:color-mix(in srgb, var(--warn) 9%, var(--bg-0));border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);margin-bottom:18px}.lg-alert.warn svg{color:var(--warn)}.lg-alert b{color:var(--fg-0)}@keyframes lg-shake{0%,to{transform:none}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.lg-foot{text-align:center;color:var(--fg-3);justify-content:center;align-items:center;gap:7px;font-size:11.5px;display:flex}.lg-foot svg{flex:none;width:13px;height:13px}@media (prefers-reduced-motion:reduce){.lg-pv-row,.lg-alert.err{opacity:1;animation:none}.lg-pv-live:before{animation:none}}@media (max-width:960px){.lg{grid-template-columns:1fr}.lg-story{display:none}.lg-brand-sm{visibility:visible}}
