.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);place-items:center;padding:24px;animation:.24s gateFade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@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;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-modal .lock{align-items:center;gap:12px;margin-bottom:22px;display:flex}.gate-modal .lock img{height:var(--gate-logo-height);width:auto}.gate-modal .lock .lock-name{font-family:var(--gate-font-head);color:var(--gate-ink);font-size:20px;font-weight:600}.gate-modal h2{font-family:var(--gate-font-head);letter-spacing:-.03em;color:var(--gate-ink);margin:0 0 14px;font-size:28px;font-weight:700;line-height:1.15}.gate-modal p{color:var(--gate-muted);margin:0 0 22px;font-size:14px;line-height:1.6}.gate-modal .gate-actions{gap:10px;margin-bottom:16px;display:flex}.gate-modal .gate-actions button{cursor:pointer;border-radius:999px;flex:1;padding:14px;font-size:14px;font-weight:600}.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)}.gate-modal .fine{color:var(--gate-muted);margin:0;font-size:11.5px;line-height:1.6}.gate-modal label.remember{color:var(--gate-muted);align-items:center;gap:8px;margin:16px 0 14px;font-size:13px;display:flex}.gate-modal label.remember input{accent-color:var(--gate-accent)}@media (max-width:480px){.gate-modal{padding:28px 22px 24px}.gate-modal h2{font-size:24px}}