.lg{--lg-ink:#0e231a;--lg-ink-2:#153424;--lg-cream:#f6f4ec;--lg-mint:#b9dcc3;--lg-text:#1b2b23;--lg-muted:#5a6a60;--lg-line:#14281e40;--lg-ser:Georgia, "Times New Roman", serif;background:var(--lg-cream);min-block-size:100dvh;color:var(--lg-text);max-inline-size:none;margin:0;padding:0;display:grid}.lg-side{background:var(--lg-ink);color:var(--lg-cream);flex-direction:column;justify-content:space-between;padding:48px;display:none;position:relative;overflow:hidden}.lg-brand{color:inherit;font:700 1.15rem/1 var(--lg-ser);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.lg-brand img{border-radius:9px}.lg-side-copy{z-index:1;animation:.8s both lg-rise;position:relative}.lg-side-copy h2{font:400 clamp(2.5rem, 4vw, 4rem)/1.02 var(--lg-ser);letter-spacing:-.04em;max-inline-size:9em;margin:0}.lg-side-copy p{color:#f6f4ecb3;max-inline-size:26em;margin:24px 0 0;font-size:1.1rem;line-height:1.55}.lg-book{filter:drop-shadow(0 24px 24px #00000059);block-size:auto;inline-size:340px;animation:1s .2s both lg-rise;position:absolute;inset-block-end:-40px;inset-inline-end:-40px}.lg-form-wrap{place-items:center;padding:32px 24px;display:grid}.lg-card{inline-size:100%;max-inline-size:420px;animation:.7s both lg-rise}.lg-brand-mobile{color:var(--lg-ink);margin-block-end:48px}.lg-card h1{font:400 2.6rem/1.05 var(--lg-ser);letter-spacing:-.03em;margin:0}.lg-recipient{overflow-wrap:anywhere;color:var(--lg-muted);margin:12px 0 0}.lg-form{gap:20px;margin-block-start:36px;display:grid}.lg-form label{color:var(--lg-muted);gap:8px;font-size:.85rem;font-weight:600;display:grid}.lg-form input{border:1px solid var(--lg-line);min-block-size:54px;color:var(--lg-text);background:#fff;border-radius:14px;padding:0 18px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.lg-form input:focus{border-color:var(--lg-ink-2);outline:none;box-shadow:0 0 0 4px #245c4126}.lg-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.lg-form .lg-otp-cell{text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;min-block-size:64px;inline-size:100%;min-inline-size:0;padding:0;font:600 1.5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.lg-form .lg-otp-cell:focus{border-color:var(--lg-ink-2)}.lg-code{letter-spacing:.5em;text-align:center;font:600 1.6rem/1 ui-monospace,monospace!important}.lg-error{color:#7a1d22;background:#f6dede;border-radius:12px;margin:0;padding:12px 16px;font-size:.9rem}.lg-submit{background:var(--lg-ink);min-block-size:56px;color:var(--lg-cream);cursor:pointer;border:0;border-radius:999px;font-size:1rem;font-weight:600;transition:transform .2s,background .2s}.lg-submit:hover:not(:disabled){background:var(--lg-ink-2);transform:translateY(-2px)}.lg-submit:disabled{opacity:.5;cursor:not-allowed}.lg-secondary{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.lg-secondary button{min-block-size:44px;color:var(--lg-ink-2);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.lg-secondary button:disabled{color:var(--lg-muted);cursor:default;text-decoration:none}.lg-back{min-block-size:44px;color:var(--lg-muted);align-items:center;margin-block-start:28px;text-decoration:none;transition:color .15s;display:inline-flex}.lg-back:hover{color:var(--lg-ink)}.lg :focus-visible{outline:2px solid var(--lg-ink-2);outline-offset:3px}@keyframes lg-rise{0%{opacity:0;transform:translateY(20px)}}@media (min-width:64rem){.lg{grid-template-columns:1fr 1fr}.lg-side{display:flex}.lg-brand-mobile{display:none}}@media (max-width:360px){.lg-otp{gap:6px}.lg-form .lg-otp-cell{border-radius:10px;min-block-size:56px;font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.lg *,.lg-card{animation:none!important}}