.lg{--lg-spring:cubic-bezier(.22, 1.12, .36, 1);--lg-slow:cubic-bezier(.16, 1, .3, 1);z-index:1;perspective:1600px;place-items:center;min-height:100dvh;padding:32px 20px;display:grid;position:relative}.lg-stage{width:min(800px,92vw);position:relative;container-type:inline-size}.lg[data-tall] .lg-stage{width:min(380px,100%)}.lg-rise{transform-style:preserve-3d;animation:lg-rise 1.5s var(--lg-slow) 80ms both}@keyframes lg-rise{0%{opacity:0;transform:translate3d(0,70px,-160px)rotateX(52deg)rotate(-4deg)scale(.88)}to{opacity:1;transform:none}}.lg-tilt{transform-style:preserve-3d}.lg-flip{transform-style:preserve-3d;aspect-ratio:800/460;transition:transform 1.1s var(--lg-spring);position:relative}.lg[data-tall] .lg-flip{aspect-ratio:auto;min-height:600px}.lg[data-ok] .lg-flip{transform:rotateY(180deg)}.lg[data-ok] .lg-rise{animation:.52s cubic-bezier(.55,0,.7,.2) .76s both lg-out}@keyframes lg-out{to{opacity:0;transform:scale(1.18)}}.lg-floor{pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:14%;animation:1.2s ease-out .5s both lg-fade;position:absolute;bottom:-6%;left:10%;right:10%}.lg[data-ok] .lg-floor{opacity:0;transition:opacity .4s}@keyframes lg-fade{0%{opacity:0}}.lg-face{backface-visibility:hidden;color:#f3ede7;background:radial-gradient(55% 80% at 82% 30%,#c58a6a38,#0000 62%),radial-gradient(70% 60% at 0 100%,#8e583729,#0000 60%),linear-gradient(155deg,#2e2019 0%,#18110d 52%,#22170f 100%);border-radius:clamp(22px,3.6cqw,30px);position:absolute;inset:0;overflow:hidden;box-shadow:0 50px 80px -40px #000000e6,0 18px 30px -18px #0009,inset 0 0 0 1px #f4c4a42b,inset 0 1px #fbe4d233,inset 0 -1px #00000073}.lg[data-tall] .lg-face{min-height:600px;position:relative;inset:auto}.lg[data-tall] .lg-back{position:absolute;inset:0}.lg-back{align-content:center;place-items:center;gap:18px;display:grid;transform:rotateY(180deg)}.lg-brushed{pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#0000000f 0 1px,#0000 1px 2px);position:absolute;inset:0}.lg-ribbon{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lg-ribbon path{fill:none;vector-effect:non-scaling-stroke;stroke-width:1px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:lg-draw 1.6s var(--lg-slow) calc(.5s + var(--i) * 40ms) forwards}@keyframes lg-draw{to{stroke-dashoffset:0}}.lg-glare{pointer-events:none;opacity:0;background:radial-gradient(40% 40%,#ffecdc24,#0000 70%);width:150%;height:150%;position:absolute;top:-25%;left:-25%}.lg-head{animation:lg-up .7s var(--lg-slow) .65s both;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:2px 12px;display:grid;position:absolute;top:clamp(24px,5cqw,40px);left:clamp(26px,5.5cqw,46px)}.lg-logo{filter:drop-shadow(0 4px 10px #8e58378c);grid-row:span 2;width:46px;height:46px}.lg-brand{font-family:var(--font-fontastique), var(--font-geist), sans-serif;background:linear-gradient(135deg,#fbe4d2,#f4c4a4 30%,#c58a6a 70%,#e3a07a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;line-height:1}.lg-kicker{letter-spacing:.18em;text-transform:uppercase;color:#f4c4a49e;font-size:10.5px;font-weight:600}.lg-body{gap:10px;width:min(400px,56%);display:grid;position:absolute;bottom:clamp(24px,5cqw,40px);left:clamp(26px,5.5cqw,46px)}.lg[data-tall] .lg-head{padding:28px 26px 0;position:relative;top:auto;left:auto}.lg[data-tall] .lg-body{width:auto;padding:150px 26px 28px;position:relative;bottom:auto;left:auto}.lg-title{font-family:var(--font-fontastique), var(--font-geist), sans-serif;color:#fbf1e8;animation:lg-up .7s var(--lg-slow) .76s both;margin:0;font-size:clamp(32px,6cqw,46px);font-weight:400;line-height:1.05}.lg[data-tall] .lg-title{font-size:40px}.lg-sub{color:#f3ede79e;animation:lg-up .7s var(--lg-slow) .84s both;margin:0 0 8px;font-size:14px;line-height:1.5}.lg-form{animation:lg-up .7s var(--lg-slow) .92s both;gap:10px;display:grid}@keyframes lg-up{0%{opacity:0;transform:translateY(12px)}}.lg-field{gap:6px;display:grid;position:relative}.lg-field span{letter-spacing:.12em;text-transform:uppercase;color:#f4c4a4b3;font-size:11px;font-weight:600}.lg-field input{width:100%;height:46px;font:500 16px/1 var(--font-geist), system-ui, sans-serif;color:#fbf1e8;letter-spacing:.02em;background:#00000047;border:1px solid #f4c4a429;border-radius:13px;outline:none;padding:0 14px;transition:border-color .22s,background-color .22s;box-shadow:inset 0 1px 3px #00000073}.lg-field input:focus{background:#0000005c;border-color:#f4c4a48c}.lg-field[data-err] input{border-color:#ff786ea6}.lg-err{color:#ff9a8f;min-height:18px;margin:-2px 0 0;font-size:12.5px;line-height:1.4}.lg-actions{gap:10px;display:flex}.lg-go{cursor:pointer;height:48px;font:700 15px/1 var(--font-geist), system-ui, sans-serif;color:#2a160b;transition:transform .26s var(--lg-spring), opacity .2s;background:linear-gradient(135deg,#fbe4d2 0%,#f4c4a4 22%,#d08a45 58%,#b97a48 100%);border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 12px 24px -12px #d08a45cc,inset 0 1px #fff4e8a6,inset 0 -1px #4a261459}.lg-go:hover:not(:disabled){transform:translateY(-1px)}.lg-go:active:not(:disabled){transform:scale(.98)}.lg-go:disabled{opacity:.45;cursor:default}.lg-go svg{transition:transform .26s var(--lg-spring)}.lg-go:hover:not(:disabled) svg{transform:translate(3px)}.lg-alt{cursor:pointer;height:48px;font:600 14px/1 var(--font-geist), system-ui, sans-serif;color:#f4c4a4;background:#ffffff0a;border:1px solid #f4c4a438;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:border-color .22s,background-color .22s;display:inline-flex}.lg-alt:hover{background:#ffffff12;border-color:#f4c4a480}.lg-team{cursor:pointer;font:500 12.5px/1.2 var(--font-geist), system-ui, sans-serif;color:#f3ede78c;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;margin-top:2px;padding:4px 2px;transition:color .2s;display:inline-flex}.lg-team:hover{color:#f4c4a4}.lg button:focus-visible,.lg input:focus-visible{outline-offset:2px;outline:2px solid #f4c4a4b3}.lg-back-logo{filter:drop-shadow(0 10px 24px #8e583799);width:clamp(84px,15cqw,120px);height:auto}.lg-back-title{font-family:var(--font-fontastique), var(--font-geist), sans-serif;background:linear-gradient(135deg,#fbe4d2,#f4c4a4 30%,#c58a6a 70%,#e3a07a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(26px,4.6cqw,36px)}.lg-back-bar{background:#f4c4a426;border-radius:3px;width:140px;height:3px;position:relative;overflow:hidden}.lg-back-bar i{transform-origin:0;background:linear-gradient(90deg,#f4c4a4,#d08a45);border-radius:3px;position:absolute;inset:0;transform:scaleX(0)}.lg[data-ok] .lg-back-bar i{animation:.9s cubic-bezier(.4,0,.2,1) .38s forwards lg-bar}@keyframes lg-bar{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.lg-rise,.lg-head,.lg-title,.lg-sub,.lg-form,.lg-floor,.lg-ribbon path{stroke-dashoffset:0;animation:none}.lg-flip{transition:none}}.lg-note{color:#fbe4d2db;animation:lg-up .38s var(--lg-spring) both;background:#c58a6a1a;border:1px solid #f4c4a438;border-radius:13px;align-items:flex-start;gap:9px;margin:2px 0 0;padding:10px 10px 10px 12px;font-size:12.5px;line-height:1.45;display:flex}.lg-note svg{color:#f4c4a4;flex:none;margin-top:1px}.lg-note span{flex:1}.lg-note button{color:#fbe4d299;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:22px;height:22px;margin:-2px -2px 0 0;font-size:17px;line-height:1}.lg-note button:hover{color:#fbe4d2;background:#ffffff0f}.lg-body{transition:opacity .32s ease, transform .42s var(--lg-slow)}.lg:not([data-phase=idle]) .lg-body{opacity:.1;transform:translateY(8px)scale(.985)}.lg-lock{pointer-events:none;opacity:0;width:clamp(110px,17cqw,140px);transition:opacity .26s ease, transform .52s var(--lg-spring);justify-items:center;gap:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.6)}.lg[data-tall] .lg-lock{width:120px}.lg:not([data-phase=idle]) .lg-lock{opacity:1;transform:translate(-50%,-50%)scale(1)}.lg-lock-svg{filter:drop-shadow(0 16px 26px #0000008c);width:100%;height:auto;overflow:visible}.lg-lock-text{letter-spacing:.16em;text-transform:uppercase;color:#f4c4a4cc;margin:0;font-size:12px;font-weight:600}.lg-lock-ring{opacity:0;transform-box:fill-box;transform-origin:50%}.lg[data-phase=lock] .lg-lock-ring{opacity:1;animation:.9s linear infinite lg-spin}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-lock-shackle{transform-box:fill-box;transform-origin:0 100%;transition:transform .64s var(--lg-spring)}.lg[data-phase=open] .lg-lock-shackle,.lg[data-ok] .lg-lock-shackle{transform:translateY(-14px)rotate(-32deg)}.lg-lock-hole{transform-box:fill-box;transform-origin:50%;transition:transform .42s var(--lg-spring)}.lg[data-phase=open] .lg-lock-hole{transform:rotate(90deg)}.lg-lock-burst{aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(closest-side,#ffd6aa8c,#d08a452e 55%,#0000);border-radius:50%;width:160%;position:absolute;top:62%;left:50%;translate:-50% -50%;scale:.3}.lg[data-phase=open] .lg-lock-burst{animation:lg-burst .76s var(--lg-slow) both}@keyframes lg-burst{0%{opacity:0;scale:.3}30%{opacity:1}to{opacity:0;scale:1.25}}.lg[data-phase=deny] .lg-lock-svg{animation:.48s cubic-bezier(.36,.07,.19,.97) lg-deny}@keyframes lg-deny{0%,to{transform:none}20%{transform:translate(-9px)rotate(-6deg)}40%{transform:translate(8px)rotate(5deg)}60%{transform:translate(-5px)rotate(-3deg)}80%{transform:translate(3px)rotate(1deg)}}.lg[data-phase=deny] .lg-lock-text{color:#ff9a8f}@media (prefers-reduced-motion:reduce){.lg-lock,.lg-lock-shackle,.lg-lock-hole,.lg-body{transition:none}.lg[data-phase=lock] .lg-lock-ring,.lg[data-phase=open] .lg-lock-burst,.lg[data-phase=deny] .lg-lock-svg{animation:none}}