html:has(.gate) body{background:var(--gate-bg-deep)}.gate{background:var(--gate-backdrop);min-height:100dvh;color:var(--gate-on);overflow-wrap:break-word;flex-direction:column;display:flex}.gate-main{align-content:center;justify-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-12);flex:1 0 auto;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.gate-logo{line-height:0;display:block}.gate-logo img{width:auto;height:48px;display:block}.gate-card{gap:var(--space-6);width:100%;min-width:0;max-width:27rem;padding:clamp(var(--space-6), 7vw, var(--space-8));text-align:center;background:linear-gradient(180deg, var(--gate-glass-sheen), transparent 45%), var(--gate-glass);border:1px solid var(--gate-glass-border);box-shadow:var(--gate-shadow), inset 0 1px 0 var(--gate-glass-sheen);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:16px;display:grid}.gate-lock{background:var(--gate-lock-bg);width:3.25rem;height:3.25rem;color:var(--gate-on);box-shadow:inset 0 0 0 1px var(--gate-glass-border);border-radius:50%;justify-self:center;place-items:center;display:grid}.gate-lock svg{width:1.5rem;height:1.5rem}.gate-words{gap:var(--space-2);margin-top:calc(-1 * var(--space-2));justify-items:center;display:grid}.gate-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--gate-on-muted)}.gate-title{font-size:var(--text-lg);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.01em;text-wrap:balance}.gate-lede{color:var(--gate-on);text-wrap:pretty;max-width:24rem}.gate-form{gap:var(--space-2);text-align:left;min-width:0;display:grid}.gate-label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.gate-input{width:100%;min-width:0;min-height:3rem;padding:0 var(--space-4);font:inherit;font-size:var(--text-md);letter-spacing:.08em;color:var(--gate-field-text);background:var(--gate-field-bg);box-shadow:var(--gate-shadow-go);border:2px solid #0000;border-radius:12px}.gate-input:focus-visible{outline:3px solid var(--gate-focus);outline-offset:2px}.gate-input[aria-invalid=true]{border-color:var(--gate-error-text)}.gate-go{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:3rem;margin-top:var(--space-2);padding:0 var(--space-6);font:inherit;font-weight:var(--weight-semibold);color:var(--gate-go-text);background:var(--gate-go-bg);box-shadow:var(--gate-shadow-go);cursor:pointer;border:2px solid #0000;border-radius:999px;display:inline-flex}.gate-go:focus-visible{outline:3px solid var(--gate-focus);outline-offset:2px}.gate-go svg{flex:none}.gate-error{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--gate-error-bg);color:var(--gate-error-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.4;display:flex}.gate-error svg{flex:none;margin-top:.05em}.gate-help{padding-top:var(--space-4);border-top:1px solid var(--gate-line);font-size:var(--text-sm);color:var(--gate-on-muted);text-wrap:pretty}@media (hover:hover){.gate-go:hover{box-shadow:var(--gate-shadow-go), 0 0 0 4px var(--gate-lock-bg)}}@media (prefers-reduced-motion:no-preference){.gate-card{animation:.52s cubic-bezier(.2,.7,.2,1) both gate-rise}.gate-card[data-wrong]{animation:.42s cubic-bezier(.36,.07,.19,.97) both gate-shake}.gate-go{transition:box-shadow .15s}.gate-go svg{transition:transform .15s}.gate-go:hover svg{transform:translate(3px)}}@keyframes gate-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes gate-shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(4px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}}@media (prefers-contrast:more){.gate-card{background:var(--gate-solid);border-color:var(--gate-on);-webkit-backdrop-filter:none;backdrop-filter:none}.gate-eyebrow,.gate-help{color:var(--gate-on)}.gate-help{border-top-color:var(--gate-on)}.gate-input,.gate-go{border-color:var(--gate-on)}.gate-input[aria-invalid=true]{border-color:var(--gate-error-text);outline:2px solid var(--gate-on)}}@media (forced-colors:active){.gate{color:canvastext;background:canvas}html:has(.gate) body{color:canvastext;background:canvas}.gate-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}.gate-lock{box-shadow:none;background:canvas;border:1px solid canvastext}.gate-eyebrow,.gate-help{color:canvastext}.gate-help{border-top-color:canvastext}.gate-input{box-shadow:none;border:2px solid canvastext}.gate-input[aria-invalid=true]{border-width:3px}.gate-go{box-shadow:none;border:2px solid buttontext}.gate-error{border:1px solid canvastext}.gate-logo{forced-color-adjust:none;background:var(--gate-bg-deep);padding:var(--space-2) var(--space-3);border-radius:var(--radius)}}
