@layer components{.site-gate{justify-content:center;align-items:center;min-height:100dvh;padding:48px 20px;display:flex;position:relative;overflow:hidden}.site-gate-glow{pointer-events:none;background:radial-gradient(circle,#4ecdc42e,#0000 62%);width:900px;height:680px;position:absolute;top:-280px;left:50%;transform:translate(-50%)}.site-gate-card{z-index:1;border-radius:var(--r-xl);border:1px solid var(--divider);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(100%,420px);box-shadow:var(--shadow-lg);text-align:center;background:#16161ad1;padding:40px 32px 36px;position:relative}.site-gate-mark{filter:drop-shadow(0 6px 28px #4ecdc459);margin:0 auto 20px;display:block}.site-gate-eyebrow{justify-content:center;margin-bottom:14px}.site-gate-headline{letter-spacing:-.04em;margin:0;font-size:clamp(32px,6vw,44px);font-weight:700;line-height:1.05}.site-gate-sub{color:var(--text-2);margin:16px 0 0;font-size:15px;line-height:1.5}.site-gate-form{text-align:left;margin-top:28px}.site-gate-fields{gap:14px;display:grid}.site-gate-field{gap:6px;display:grid}.site-gate-label{color:var(--text-2);font-size:13px;font-weight:600}.site-gate-input{border-radius:var(--r-md);border:1px solid var(--divider);background:var(--surface);width:100%;color:var(--text);font-family:var(--font-sans);transition:border-color var(--dur-base), box-shadow var(--dur-base);outline:none;padding:13px 16px;font-size:15px;line-height:1.2}.site-gate-input::placeholder{color:var(--text-3)}.site-gate-input:focus{box-shadow:0 0 0 3px var(--teal-12);border-color:#4ecdc48c}.site-gate-input:disabled{opacity:.65;cursor:not-allowed}.site-gate-error{color:var(--coral);margin:12px 0 0;font-size:13px}.site-gate-submit{width:100%;margin-top:18px}}