.gate.gate-admin{background:radial-gradient(60% 50% at 0% 0%, color-mix(in srgb, var(--pink) 70%, transparent), transparent 70%), radial-gradient(55% 45% at 100% 100%, color-mix(in srgb, var(--blue-soft) 90%, transparent), transparent 70%), var(--ad-bg)}.gate-admin .gate-card{border-radius:calc(var(--ad-r-lg) + 4px);background:var(--ad-surface);width:min(400px,100%);box-shadow:inset 0 0 0 1px var(--ad-line), var(--ad-shadow-3);text-align:left;animation:gate-admin-in var(--ad-dur-3) var(--ad-ease) both;padding:32px 28px}.gate-admin .gate-eyebrow{font-family:var(--sans);font-size:var(--ad-fs-xs);color:var(--ink-soft);font-weight:500;display:block}.gate-admin .gate-card h1{letter-spacing:-.01em;text-wrap:balance;margin-top:10px;font-size:32px;line-height:1.1}.gate-admin .gate-card p{color:var(--ink-soft)}.gate-admin .gate-form{gap:10px}.gate-admin .gate-form input{border:1px solid var(--ad-line-strong);border-radius:var(--ad-r-md);background:var(--ad-sunken);text-align:left;min-height:48px;transition:border-color var(--ad-dur-2) var(--ad-ease), box-shadow var(--ad-dur-2) var(--ad-ease), background-color var(--ad-dur-2) var(--ad-ease);padding:0 16px;font-size:16px}.gate-admin .gate-form input::placeholder{color:var(--ink-soft);opacity:.75}.gate-admin .gate-form input:focus,.gate-admin .gate-form input:focus-visible{border-color:var(--ink);background:var(--ad-surface);box-shadow:var(--ad-ring-input);outline:none}.gate-admin .gate-form input.gate-code{text-align:center;padding:0 16px 0 calc(16px + .4em);font-size:28px}.gate-admin .gate-form button{border-radius:var(--ad-r-pill);background:var(--ink);width:100%;min-height:48px;color:var(--card);transition:background-color var(--ad-dur-2) var(--ad-ease), transform var(--ad-dur-1) var(--ad-ease);justify-content:center;align-items:center;padding:0 20px;font-size:15px;display:flex}.gate-admin .gate-form button:hover{background:color-mix(in srgb, var(--ink) 88%, var(--card));transform:none}.gate-admin .gate-form button:active:not([aria-busy=true]){transform:scale(.98)}.gate-admin .gate-form button[aria-busy=true]{cursor:progress}.gate-admin .gate-form button:focus-visible,.gate-admin .gate-links :is(a,button):focus-visible,.gate-admin .gate-note a:focus-visible{outline:var(--ad-ring);outline-offset:2px}.gate-admin .gate-links{justify-content:flex-start;gap:4px 18px}.gate-admin .gate-links a,.gate-admin .gate-links button{min-height:44px;-webkit-text-decoration-color:var(--ad-line-strong);text-decoration-color:var(--ad-line-strong);font-weight:500}.gate-admin .gate-note{font-size:var(--ad-fs-sm);letter-spacing:0;color:var(--ink-soft);line-height:1.55}.gate-admin .gate-note a{color:var(--ink);text-underline-offset:3px}.gate-admin .gate-flash{border-radius:var(--ad-r-md)}.gate-admin .gate-flash.err{background:var(--ad-danger-soft);color:var(--ad-danger);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ad-danger) 25%, transparent)}.gate-admin .gate-shimmer{background:linear-gradient(90deg, currentColor 0 40%, color-mix(in srgb, currentColor 35%, transparent) 50%, currentColor 60% 100%) 0 0 / 300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite gate-admin-shimmer}@keyframes gate-admin-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes gate-admin-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:420px){.gate-admin .gate-card{padding:28px 20px}.gate-admin .gate-card h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.gate-admin .gate-card{animation:none}.gate-admin .gate-form button,.gate-admin .gate-form input{transition:none}.gate-admin .gate-shimmer{-webkit-text-fill-color:currentColor;background:0 0;animation:none}}
