:root{color-scheme:light}html,body{margin:0;padding:0;height:100%}body.gate-body{font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(ellipse 80% 60% at 15% 0%,rgba(34,197,94,.14),transparent 60%),radial-gradient(ellipse 80% 60% at 100% 100%,rgba(59,130,246,.14),transparent 60%),linear-gradient(180deg,#fbfefc,#f4f8fb);color:#171717;overflow:hidden;min-height:100dvh;position:relative;-webkit-font-smoothing:antialiased}#gate-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.gate-wrap{position:relative;z-index:2;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px)}.gate-card{position:relative;width:min(420px,100%);padding:clamp(28px,4vw,40px);border-radius:24px;background:#ffffffc7;border:1px solid rgba(15,23,42,.06);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px #ffffffe6 inset,0 20px 50px -20px #1e3a8a2e,0 8px 24px -12px #16a34a1f;opacity:0;transform:translateY(12px);animation:gate-in .9s cubic-bezier(.16,1,.3,1) .12s forwards}@keyframes gate-in{to{opacity:1;transform:none}}.gate-card[data-error=true]{animation:gate-in .9s cubic-bezier(.16,1,.3,1) .12s forwards,gate-shake .52s 1.02s}.gate-card.is-shake{animation:gate-shake .48s}@keyframes gate-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.gate-head{margin-bottom:22px}.gate-mono{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,#f0fdf4,#eff6ff);border:1px solid rgba(15,23,42,.05);margin-bottom:18px;box-shadow:0 4px 12px -6px #16a34a33}.gate-eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#16a34a;font-weight:600}.gate-title{margin:0 0 6px;font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.015em;color:#171717}.gate-sub{margin:0;font-size:14.5px;color:#525252;line-height:1.55}.gate-field{display:block;margin-top:20px}.gate-label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;color:#525252;margin-bottom:8px}.gate-input-wrap{position:relative;display:flex;align-items:center;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.09);transition:border-color .2s,box-shadow .2s}.gate-input-wrap:focus-within{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.gate-card[data-error=true] .gate-input-wrap,.gate-card.is-error .gate-input-wrap{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.gate-input-icon{display:inline-grid;place-items:center;padding-left:14px;color:#a3a3a3}#gate-input{flex:1;background:transparent;border:0;outline:0;color:#171717;font:inherit;font-size:15px;letter-spacing:.02em;padding:14px 12px}#gate-input::placeholder{color:#a3a3a3;letter-spacing:.18em}.gate-toggle{background:transparent;border:0;color:#a3a3a3;padding:10px 14px;cursor:pointer;display:grid;place-items:center;border-radius:10px;transition:color .18s,background .18s}.gate-toggle:hover{color:#525252;background:#0f172a08}.gate-msg{min-height:20px;margin:10px 2px 4px;font-size:12.5px;color:#ef4444;transition:color .2s}.gate-btn{position:relative;margin-top:12px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:14px;border:0;background:linear-gradient(135deg,#22c55e,#16a34a,#2563eb);background-size:200% 200%;background-position:0% 50%;color:#fff;font:inherit;font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .2s ease,background-position .5s ease;box-shadow:0 8px 20px -8px #16a34a80,0 4px 10px -4px #2563eb40}.gate-btn:hover{background-position:100% 50%;box-shadow:0 12px 28px -10px #16a34a8c,0 6px 14px -4px #2563eb4d}.gate-btn:active{transform:translateY(1px)}.gate-btn__arrow{display:inline-grid;place-items:center;transition:transform .22s}.gate-btn:hover .gate-btn__arrow{transform:translate(3px)}.gate-btn__spin{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:gate-rot .9s linear infinite;opacity:0;pointer-events:none}.gate-btn.is-loading .gate-btn__label,.gate-btn.is-loading .gate-btn__arrow{opacity:0}.gate-btn.is-loading .gate-btn__spin{opacity:1}@keyframes gate-rot{to{transform:rotate(360deg)}}.gate-foot{margin-top:22px;display:flex;align-items:center;gap:8px;font-size:12px;color:#737373}.gate-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e99;animation:gate-pulse 2.4s ease-in-out infinite}@keyframes gate-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.gate-flash{position:fixed;inset:0;z-index:5;background:radial-gradient(circle at center,#fffffff2,#fff0 65%);opacity:0;pointer-events:none;transition:opacity .6s ease}.gate-flash.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.gate-card,.gate-dot{animation:none!important}.gate-card{opacity:1;transform:none}}