.gate{place-items:center;min-height:100dvh;padding:2rem;display:grid}.gate__card{border-radius:var(--radius);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:26rem;padding:clamp(2rem,5vw,3rem);display:flex;box-shadow:0 24px 60px #00000073}.gate__logo{width:auto;height:2.5rem}.gate__lede{color:var(--text-muted);font-size:var(--font-size-0);margin:0;line-height:1.5}.gate__input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-0);text-align:center;letter-spacing:.1em;outline:none;padding:.85rem 1rem;transition:border-color .2s}.gate__input:focus{border-color:var(--brand-blue)}.gate__input--error{border-color:var(--brand-pink)}.gate__error{color:var(--brand-pink);font-size:var(--font-size--1);margin:0}.gate__submit{background:var(--brand-pink);box-shadow:5px 5px 0 var(--brand-blue);color:var(--text);font-family:var(--heading-font);font-size:var(--font-size-1);letter-spacing:.1em;text-transform:uppercase;align-self:stretch;padding:.85rem 2rem;font-weight:900;transition:background .25s,box-shadow .25s;transform:skew(-12deg)}.gate__submit:hover:not(:disabled){background:var(--bg-hover);box-shadow:5px 5px 0 var(--border)}.gate__submit:disabled{opacity:.6;cursor:not-allowed}.gate__submit-label{display:inline-block;transform:skew(12deg)}