.gate{--gate-ink:var(--ink,#042c53);--gate-muted:var(--slate,#5b7a8c);--gate-rule:var(--rule,#dceef5);--gate-surface:var(--surface,#fff);--gate-accent:var(--signal,#008cc8);--gate-accent-hover:var(--azure,#0078c8);--gate-font-head:var(--display,-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif);--gate-logo-height:36px;z-index:100;background:color-mix(in srgb, var(--gate-ink) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:contain;padding:24px;animation:.24s gateFade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes gateFade{0%{opacity:0}to{opacity:1}}.gate-modal{background:var(--gate-surface);border:1px solid var(--gate-rule);text-align:left;width:100%;max-width:540px;box-shadow:0 30px 60px -20px color-mix(in srgb, var(--gate-ink) 45%, transparent);border-radius:16px;margin:auto;padding:40px 40px 32px;animation:.32s cubic-bezier(.2,.8,.2,1) gateRise;position:relative}@keyframes gateRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gate .gate-modal .lock{align-items:center;gap:12px;margin:0 0 22px;display:flex}.gate .gate-modal .lock img{height:var(--gate-logo-height);width:auto}.gate .gate-modal .lock .lock-name{font-family:var(--gate-font-head);color:var(--gate-ink);font-size:1.25rem;font-weight:600}.gate .gate-modal h2{font-family:var(--gate-font-head);letter-spacing:-.03em;color:var(--gate-ink);margin:0 0 14px;font-size:1.75rem;font-weight:700;line-height:1.15}.gate .gate-modal p{color:var(--gate-muted);margin:0;font-size:.875rem;line-height:1.6}.gate .gate-modal .gate-intro{margin:0 0 18px}.gate .gate-modal .gate-q{color:var(--gate-ink);margin:0 0 14px;font-size:1rem;font-weight:700;line-height:1.4}.gate-modal .gate-actions{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.gate-modal .gate-actions button{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;flex:140px;padding:12px 16px;font-size:.9375rem;font-weight:600;line-height:1.25}.gate-modal .gate-actions .yes{background:var(--gate-accent);color:#fff;box-shadow:0 8px 18px -6px color-mix(in srgb, var(--gate-accent) 45%, transparent);border:0}.gate-modal .gate-actions .yes:hover{background:var(--gate-accent-hover)}.gate-modal .gate-actions .no{border:1px solid var(--gate-rule);color:var(--gate-ink);background:0 0}.gate-modal .gate-actions .no:hover{border-color:var(--gate-ink)}:is(.gate .gate-modal button:focus-visible,.gate .gate-modal input:focus-visible){outline:3px solid var(--gate-accent);outline-offset:3px}.gate .gate-modal .fine{color:var(--gate-muted);margin:0;font-size:.75rem;line-height:1.6}.gate .gate-modal label.remember{min-height:44px;color:var(--gate-muted);cursor:pointer;align-items:center;gap:10px;margin:0 0 12px;font-size:.875rem;display:flex}.gate .gate-modal label.remember input{width:18px;height:18px;accent-color:var(--gate-accent);flex:none;margin:0}@media (max-width:480px){.gate{padding:16px}.gate .gate-modal{border-radius:14px;padding:24px 20px 20px}.gate .gate-modal .lock{margin-bottom:16px}.gate .gate-modal h2{font-size:1.5rem}.gate .gate-modal p{font-size:.9375rem}}