.gate.svelte-di6lsc{background:var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.card.svelte-di6lsc{background:var(--card-cream);border:1px solid var(--soft-border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:28px;padding:44px 40px;display:flex}.brand.svelte-di6lsc{flex-direction:column;align-items:center;gap:6px;display:flex}.brand.svelte-di6lsc img:where(.svelte-di6lsc){object-fit:contain;width:80px;height:auto}.wm.svelte-di6lsc{font-family:var(--font-display);color:var(--green);letter-spacing:.06em;margin-top:8px;font-size:24px;font-weight:700;line-height:1}.tag.svelte-di6lsc{letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:700}.cta.svelte-di6lsc{background:var(--green);width:100%;color:var(--card-cream);border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border:none;margin-top:4px;padding:12px;font-size:12px;font-weight:700}.cta.svelte-di6lsc:hover{background:var(--green-hover)}.form.svelte-di6lsc{flex-direction:column;gap:12px;width:100%;display:flex}.lbl.svelte-di6lsc{font-family:var(--font-sans);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);text-align:center}.pin.svelte-di6lsc{all:unset;box-sizing:border-box;text-align:center;width:100%;font-family:var(--font-display);letter-spacing:.4em;color:var(--green);background:var(--card-cream);border:1px solid var(--soft-border);border-radius:var(--radius-md);caret-color:var(--gold);transition:border-color var(--dur-base) var(--ease-brand), box-shadow var(--dur-base) var(--ease-brand);padding:16px 18px;font-size:32px}.pin.svelte-di6lsc:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--ring-gold)}.pin[aria-invalid=true].svelte-di6lsc{border-color:var(--red)}.err.svelte-di6lsc{color:var(--red);text-align:center;margin:0;font-size:13px}.shake.svelte-di6lsc .pin:where(.svelte-di6lsc){animation:svelte-di6lsc-shake .4s var(--ease-brand)}@keyframes svelte-di6lsc-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@media (width<=480px){.card.svelte-di6lsc{padding:32px 20px}.gate.svelte-di6lsc{align-items:flex-start;padding:40px 16px 16px}}