.lg-root{--lg-glow:rgba(245,196,0,.30);--lg-glow2:rgba(120,200,170,.35);--lg-sheen:rgba(255,255,255,.55);--lg-door-light:#F5C400;--lg-vf:rgba(21,23,26,.22);position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--bg);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px 16px;perspective:1400px}[data-theme=dark] .lg-root{--lg-glow:rgba(245,196,0,.20);--lg-glow2:rgba(60,120,100,.18);--lg-sheen:rgba(245,196,0,.10);--lg-door-light:#ffffff;--lg-vf:rgba(255,255,255,.22)}.lg-light{position:absolute;width:min(80vw,900px);aspect-ratio:1;left:-18%;top:-30%;border-radius:999px;background:radial-gradient(closest-side,var(--lg-glow),transparent 70%);pointer-events:none;transform:translate3d(calc(var(--px, 0) * -24px),calc(var(--py, 0) * -18px),0);transition:transform .8s cubic-bezier(.2,.7,.2,1);animation:lg-breathe 9s ease-in-out infinite}.lg-light.l2{width:min(70vw,760px);left:auto;right:-20%;top:auto;bottom:-35%;background:radial-gradient(closest-side,var(--lg-glow2),transparent 70%);transform:translate3d(calc(var(--px, 0) * 18px),calc(var(--py, 0) * 14px),0);animation-delay:-4s}@keyframes lg-breathe{0%,to{opacity:.85}50%{opacity:1}}.lg-grain{inset:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.lg-grain,.lg-vf{position:absolute;pointer-events:none}.lg-vf{inset:18px}.lg-vf i{width:26px;height:26px;border-color:var(--lg-vf);border-style:solid}.lg-rec,.lg-vf i{position:absolute}.lg-rec{top:26px;left:50px;display:flex;align-items:center;gap:8px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--muted);pointer-events:none}.lg-rec b{width:8px;height:8px;border-radius:999px;background:#e5484d;box-shadow:0 0 10px rgba(229,72,77,.6);animation:lg-blink 1.2s steps(2,start) infinite}@keyframes lg-blink{to{visibility:hidden}}.lg-meta{position:absolute;bottom:26px;left:50px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--muted);opacity:.8;pointer-events:none}.lg-theme{position:absolute;top:34px;right:50px;z-index:3}.lg-card{position:relative;z-index:2;width:100%;max-width:400px;padding:30px 28px 24px;border-radius:26px;background:var(--card);border:1px solid var(--card-b);backdrop-filter:blur(24px) saturate(1.3);box-shadow:var(--shadow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);animation:lg-in .9s cubic-bezier(.2,.7,.2,1) both}.lg-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,30%) var(--my,0),var(--lg-sheen),transparent 45%)}@keyframes lg-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.lg-card.is-shake{animation:lg-shake .45s cubic-bezier(.36,.07,.19,.97)}@keyframes lg-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}.lg-brand{gap:12px}.lg-brand,.lg-mark{display:flex;align-items:center}.lg-mark{width:44px;height:44px;border-radius:13px;background:#141414;border:1px solid var(--mark-b);justify-content:center;flex:0 0 auto}.lg-title{margin:22px 0 6px;font-size:34px;line-height:1.05;font-weight:500;letter-spacing:-.02em;color:var(--ink)}.lg-sub{margin:0 0 22px;font-size:14px;color:var(--muted)}.lg-field{position:relative;margin-bottom:12px}.lg-input{width:100%;height:58px;padding:22px 48px 6px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.lg-input:focus{border-color:var(--ink);box-shadow:0 0 0 4px var(--line)}[data-theme=dark] .lg-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(245,196,0,.14)}.lg-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 100px var(--surface) inset;caret-color:var(--ink)}.lg-label{position:absolute;left:17px;top:19px;font-size:15px;color:var(--muted);pointer-events:none;transform-origin:left top;transition:transform .2s cubic-bezier(.2,.7,.2,1),color .2s}.lg-input:-webkit-autofill+.lg-label,.lg-input:focus+.lg-label,.lg-input:not(:placeholder-shown)+.lg-label{transform:translateY(-11px) scale(.76);color:var(--ink2)}.lg-eye{position:absolute;right:8px;top:9px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.lg-eye:hover{color:var(--ink);background:var(--line)}.lg-error{font-size:13px;padding:10px 12px;border-radius:12px;background:rgba(201,60,60,.1);border:1px solid rgba(201,60,60,.3);color:var(--red);margin-bottom:12px}.lg-btn{position:relative;width:100%;height:54px;margin-top:6px;border-radius:999px;border:0;overflow:hidden;background:var(--inv);color:var(--inv-ink);font-size:15px;font-weight:500;display:flex;align-items:center;padding:0 22px;box-shadow:0 14px 30px -14px rgba(0,0,0,.45);transition:background .5s,box-shadow .5s,transform .15s}.lg-btn:hover{background:var(--inv-h)}.lg-btn:active{transform:scale(.99)}.lg-btn:disabled{cursor:default}.lg-btn-text{position:relative;z-index:2;transition:opacity .25s}.lg-door{position:absolute;right:18px;top:11px;width:22px;height:32px;border-radius:3px;background:transparent;box-shadow:inset 0 0 0 2px var(--inv-ink);perspective:120px;transition:background .4s .1s,box-shadow .4s}.lg-door:before{content:"";position:absolute;inset:2px;border-radius:2px;background:var(--inv-ink);opacity:.9;transform-origin:left center;transition:transform .6s cubic-bezier(.6,.05,.3,1)}.lg-door:after{content:"";position:absolute;right:5px;top:15px;width:3px;height:3px;border-radius:99px;background:var(--inv);transition:opacity .2s}.lg-walker{position:absolute;top:17px;left:22px;width:8px;height:20px;opacity:0;z-index:3}.lg-walker:after,.lg-walker:before{content:"";position:absolute;background:var(--inv-ink)}.lg-walker:before{left:1px;top:0;width:6px;height:6px;border-radius:99px}.lg-walker:after{left:2px;top:7px;width:4px;height:12px;border-radius:3px}.lg-btn.is-pending .lg-door{background:var(--lg-door-light);box-shadow:inset 0 0 0 2px var(--inv-ink),0 0 18px var(--lg-door-light)}.lg-btn.is-pending .lg-door:before{transform:rotateY(-78deg)}.lg-btn.is-pending .lg-door:after{opacity:0}.lg-btn.is-pending .lg-walker{animation:lg-walk 1.6s cubic-bezier(.45,0,.55,1) infinite}.lg-btn.is-pending .lg-btn-text{opacity:0}@keyframes lg-walk{0%{opacity:0;transform:translateX(0) translateY(0)}10%{opacity:1}20%{transform:translateX(calc(var(--walk, 300px) * .2)) translateY(-2px)}40%{transform:translateX(calc(var(--walk, 300px) * .4)) translateY(0)}60%{transform:translateX(calc(var(--walk, 300px) * .6)) translateY(-2px)}80%{opacity:1;transform:translateX(calc(var(--walk, 300px) * .8)) translateY(0)}to{opacity:0;transform:translateX(var(--walk,300px)) translateY(0) scale(.6)}}.lg-pending{text-align:center;font-size:13px;color:var(--muted);margin-top:10px;animation:lg-in .4s both}.lg-btn.is-success{background:var(--green);justify-content:center}.lg-btn.is-success .lg-btn-text,.lg-btn.is-success .lg-door,.lg-btn.is-success .lg-walker{display:none}.lg-check path{stroke-dasharray:30;stroke-dashoffset:30;animation:lg-draw .45s cubic-bezier(.6,0,.3,1) .1s forwards}@keyframes lg-draw{to{stroke-dashoffset:0}}.lg-welcome{text-align:center;font-size:13px;font-weight:500;color:var(--ok-ink);margin-top:10px;animation:lg-in .5s both}.lg-foot{margin-top:18px;text-align:center;font-size:12px;color:var(--muted)}@media (max-width:640px){.lg-card{padding:26px 20px 20px}.lg-title{font-size:30px}.lg-rec{left:40px}.lg-meta{display:none}}@media (prefers-reduced-motion:reduce){.lg-card,.lg-light{transition:none;transform:none}.lg-card,.lg-light,.lg-rec b{animation:none}.lg-btn.is-pending .lg-walker{animation:none;opacity:0}}