.lg2{background:var(--paper);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.lg2 .bg{z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 34%,#0000008c 48%,#0000 62%);mask-image:linear-gradient(#000 0 34%,#0000008c 48%,#0000 62%)}.lg2 .bg img{object-fit:cover;object-position:center 0%;opacity:0;width:100%;height:100%;transition:opacity 1.6s;animation:16s ease-in-out infinite alternate lg2Zoom;position:absolute;inset:0;transform:scale(1.08)}.lg2 .bg img.on{opacity:1}@keyframes lg2Zoom{to{transform:scale(1.16)translateY(-10px)}}.lg2 .shade{z-index:1;background:linear-gradient(to bottom, color-mix(in srgb, var(--tx-0) 45%, transparent), transparent);height:140px;position:absolute;inset:0 0 auto}.lg2 .grain{z-index:1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='.8'/></svg>");display:none;position:absolute;inset:0}.lg2>.top,.lg2>.card,.lg2>.cardWrap,.lg2>.form{z-index:2;position:relative}.lg2 .top{padding:max(26px, env(safe-area-inset-top)) 0 0;text-align:center;font-size:var(--fs-time);letter-spacing:.3em;color:var(--paper);text-shadow:0 1px 6px color-mix(in srgb, var(--tx-0) 35%, transparent);font-weight:700}.lg2 .card{touch-action:none;cursor:grab;--rx:0deg;--ry:0deg;--gx:30%;--gy:20%;width:262px;height:164px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;border:1px solid color-mix(in srgb, var(--au) 40%, transparent);box-shadow:0 2px 4px #00000014, 0 18px 36px -12px color-mix(in srgb, var(--au-dim) 34%, transparent),  inset 0 0 0 1px #ffffff0a;background:linear-gradient(115deg,#2a2924 0%,#0f0f10 38%,#242320 62%,#0c0c0d 100%);border-radius:16px;margin:326px auto 0;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.lg2 .cardWrap{will-change:transform;animation:6s ease-in-out infinite lg2Float;transform:perspective(900px)rotateX(14deg)rotateY(-12deg)}@keyframes lg2Float{0%,to{transform:perspective(900px)rotateX(14deg)rotateY(-12deg)}50%{transform:perspective(900px)rotateX(10deg)rotateY(-8deg)translateY(-6px)}}.lg2 .card:before{content:"";background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--au-hi) 18%, transparent) 48%, transparent 60%);background-size:260% 100%;border-radius:16px;animation:4.5s ease-in-out infinite lg2Sheen;position:absolute;inset:0}.lg2 .card .glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx) var(--gy), color-mix(in srgb, var(--au-hi) 32%, transparent), color-mix(in srgb, var(--au-hi) 8%, transparent) 28%, transparent 55%);mix-blend-mode:screen;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.lg2 .card.live .glare{opacity:1}.lg2 .card.live{transition:transform 80ms linear}@keyframes lg2Sheen{0%{background-position:120% 0}to{background-position:-120% 0}}.lg2 .card .mono{font-size:var(--fs-badge);letter-spacing:.32em;color:var(--au-hi);position:absolute;top:16px;left:18px}.lg2 .card .n{border:1px solid color-mix(in srgb, var(--au-hi) 60%, transparent);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:16px}.lg2 .card .n img{width:14px}.lg2 .card .nm{font-size:var(--fs-body);letter-spacing:.06em;color:var(--tx-0);font-weight:600;position:absolute;bottom:40px;left:18px}.lg2 .card .tier{font-size:var(--fs-badge);letter-spacing:.3em;color:var(--au-hi);position:absolute;bottom:16px;left:18px}.lg2 .card .chip{background:linear-gradient(135deg, var(--au-hi), var(--au));opacity:.9;border-radius:5px;width:30px;height:22px;position:absolute;bottom:16px;right:18px}@media (max-width:1023px){.lg2 .card{margin-top:clamp(16px,100dvh - 660px,326px)}}.lg2 .form{padding:24px 26px max(30px, env(safe-area-inset-bottom));margin-top:auto}.lg2 h1{font-size:var(--fs-tab);letter-spacing:-.035em;color:var(--tx-0);margin:0;font-weight:700}.lg2 h1 em{color:var(--rose-ink);font-style:normal}.lg2 .sub{font-size:var(--fs-body);color:var(--tx-1);margin:4px 0 18px}.lg2 .in{border-radius:var(--r-ctl);background:var(--mist);width:100%;height:52px;font:inherit;color:var(--tx-0);-webkit-appearance:none;border:1px solid #0000;outline:none;margin-top:10px;padding:0 16px;font-size:16px;display:block}.lg2 .in::placeholder{color:var(--tx-2)}.lg2 .in:focus{background:var(--paper);border-color:var(--rose-ink);box-shadow:0 0 0 3px var(--rose-soft)}.lg2 .in:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--mist) inset;box-shadow:0 0 0 1000px var(--mist) inset;-webkit-text-fill-color:var(--tx-0);caret-color:var(--tx-0);transition:background-color 9999s ease-out}.lg2 .in:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--mist) inset;box-shadow:0 0 0 1000px var(--mist) inset;-webkit-text-fill-color:var(--tx-0);caret-color:var(--tx-0);transition:background-color 9999s ease-out}.lg2 .in:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--mist) inset;box-shadow:0 0 0 1000px var(--mist) inset;-webkit-text-fill-color:var(--tx-0);caret-color:var(--tx-0);transition:background-color 9999s ease-out}.lg2 .in{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lg2 .err{font-size:var(--fs-meta);color:var(--err);margin-top:10px}.lg2 .cta{border-radius:var(--r-ctl);background:var(--rose-fill);width:100%;height:54px;color:var(--on-fill);font:inherit;font-size:var(--fs-body);letter-spacing:-.01em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-weight:700;transition:transform .16s,background .2s;display:flex}.lg2 .cta:disabled{background:var(--mist-2);color:var(--tx-2);cursor:default}.lg2 .cta:not(:disabled):active{transform:scale(.985)}.lg2 .forgot{min-height:44px;font-size:var(--fs-body);color:var(--tx-1);text-underline-offset:3px;justify-content:center;align-items:center;margin-top:6px;text-decoration:underline;display:flex}.lg2 .foot{text-align:center;font-size:var(--fs-meta);color:var(--tx-2);margin-top:14px;line-height:1.7}.lg2 .foot b{color:var(--rose-ink);font-weight:700}.lg2 .foot a{color:var(--tx-2);padding:8px 0;text-decoration:none;display:inline-block}.lg2.out .form,.lg2.out .card,.lg2.out .top{animation:.55s cubic-bezier(.4,0,.2,1) both lg2Out}@keyframes lg2Out{to{opacity:0;transform:translateY(-24px)}}.lg2 .cardWrap,.lg2 .form{opacity:0;animation-fill-mode:both}.lg2.in .cardWrap{animation:.9s cubic-bezier(.2,.8,.2,1) both lg2CardIn,6s ease-in-out .9s infinite lg2Float}@keyframes lg2CardIn{0%{opacity:0;transform:perspective(900px)rotateX(14deg)rotateY(-12deg)translateY(22px)}to{opacity:1;transform:perspective(900px)rotateX(14deg)rotateY(-12deg)}}.lg2.in .form{animation:.9s cubic-bezier(.2,.8,.2,1) .15s both lg2Rise}@keyframes lg2Rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.lg2 .shade{pointer-events:none}@media (max-width:1023px) and (min-height:840px){.lg2 .bg{transform:translateY(-105px)}}@media (max-width:1023px) and (max-height:839.98px){.lg2 .cardWrap{display:none}}@media (prefers-reduced-motion:reduce){.lg2 .bg img,.lg2 .card:before{animation:none}.lg2 .cardWrap,.lg2.in .cardWrap,.lg2 .form,.lg2.in .form{opacity:1;animation:none}}.lg2 .pwWrap{margin-top:10px;position:relative}.lg2 .pwWrap .in{margin-top:0;padding-right:52px}.lg2 .pwEye{width:44px;height:44px;color:var(--tx-2);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.lg2 .pwEye:focus-visible{outline:2px solid var(--au-hi);outline-offset:0}
