.wf-gate{--g-bg:#05060b;--g-bg-2:#0b0e1a;--g-card:#111422c7;--g-card-line:#ffffff1a;--g-text:#eef1f8;--g-muted:#a3abc0;--g-line:#ffffff12;--g-cyan:#45e3ff;--g-blue:#3b6dff;--g-violet:#8a6bff;--g-glow:.55;isolation:isolate;background:radial-gradient(60% 50% at 85% 0%, color-mix(in srgb, var(--g-violet) 22%, transparent), transparent 70%), radial-gradient(55% 45% at 0% 100%, color-mix(in srgb, var(--g-cyan) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--g-bg), var(--g-bg-2));min-height:100dvh;color:var(--g-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}:root[data-theme=light] .wf-gate{--g-bg:#f6f7fc;--g-bg-2:#eceff8;--g-card:#ffffffdb;--g-card-line:#0b102014;--g-text:#0b1020;--g-muted:#4a536b;--g-line:#0b10200f;--g-cyan:#0a8fb0;--g-blue:#2f5cf0;--g-violet:#6a4cf0;--g-glow:.3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.wf-gate-floor{z-index:-2;background-image:linear-gradient(var(--g-line) 1px, transparent 1px), linear-gradient(90deg, var(--g-line) 1px, transparent 1px);transform-origin:50% 100%;background-size:56px 56px;height:60%;animation:18s linear infinite wf-gate-floor;position:absolute;inset:auto -20% -10%;transform:perspective(700px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}@keyframes wf-gate-floor{to{background-position:0 56px}}.wf-gate-orb{z-index:-1;aspect-ratio:1;perspective:1100px;pointer-events:none;width:min(34rem,80vw);position:absolute;top:50%;right:max(-6rem,50% - 44rem);translate:0 -50%}.wf-gate-orb-inner{transform-style:preserve-3d;animation:26s linear infinite wf-gate-spin;position:absolute;inset:0}.wf-gate-ring{border:1px solid color-mix(in srgb, var(--g-cyan) 55%, transparent);box-shadow:0 0 40px -8px color-mix(in srgb, var(--g-cyan) calc(var(--g-glow) * 100%), transparent), inset 0 0 40px -12px color-mix(in srgb, var(--g-violet) calc(var(--g-glow) * 100%), transparent);border-radius:50%;position:absolute;inset:0}.wf-gate-ring:first-child{transform:rotateX(72deg)}.wf-gate-ring:nth-child(2){border-color:color-mix(in srgb, var(--g-violet) 60%, transparent);inset:9%;transform:rotateY(64deg)rotateX(18deg)}.wf-gate-ring:nth-child(3){border-color:color-mix(in srgb, var(--g-blue) 60%, transparent);inset:19%;transform:rotateX(-30deg)rotateY(-48deg)}.wf-gate-core{background:radial-gradient(circle at 35% 30%, #fff, var(--g-cyan) 30%, var(--g-blue) 62%, var(--g-violet));box-shadow:0 0 80px 10px color-mix(in srgb, var(--g-blue) calc(var(--g-glow) * 80%), transparent);border-radius:50%;animation:6s ease-in-out infinite wf-gate-pulse;position:absolute;inset:38%}@keyframes wf-gate-spin{0%{transform:rotateX(14deg)rotateY(0)}to{transform:rotateX(14deg)rotateY(360deg)}}@keyframes wf-gate-pulse{50%{scale:1.06}}.wf-gate-card{background:var(--g-card);border:1px solid var(--g-card-line);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);transform-style:preserve-3d;border-radius:1.75rem;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 40px 90px -40px #0000008c}.wf-gate-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(140deg, color-mix(in srgb, var(--g-cyan) 50%, transparent), transparent 40%, transparent 60%, color-mix(in srgb, var(--g-violet) 50%, transparent));padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wf-gate-form{--color-white:#fff}:root[data-theme=dark] .wf-gate-form{--color-white:#121628;--color-paper:#0b0e1a;--color-silver-100:#1b2034;--color-silver-200:#262c45;--color-silver-300:#3a425f;--color-ink-950:#f4f6fb;--color-ink-900:#eef1f8;--color-ink-850:#e1e6f0;--color-ink-800:#d0d7e3;--color-ink-700:#b8c1d0;--color-ink-600:#a3abc0;--color-ink-500:#8590a4;--color-brand-600:#7aa2ff;--color-brand-700:#9db9ff}:root[data-theme=dark] .wf-gate-form :is(.bg-brand-500,.bg-brand-600){--color-white:#fff}.wf-gate-muted{color:var(--g-muted)}.wf-gate-accent,.wf-gate-code{color:var(--g-cyan)}.wf-gate-btn{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.25rem;font-weight:600;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .25s;display:inline-flex}.wf-gate-btn:hover{transform:translateY(-2px)}.wf-gate-btn:active{transform:translateY(0)scale(.98)}.wf-gate-btn:focus-visible{outline:2px solid var(--g-cyan);outline-offset:3px}.wf-gate-btn-primary{background:linear-gradient(120deg, var(--g-blue), var(--g-violet));color:#fff;box-shadow:0 14px 30px -14px color-mix(in srgb, var(--g-blue) 80%, transparent)}.wf-gate-btn-primary:hover{box-shadow:0 18px 36px -14px color-mix(in srgb, var(--g-blue) 95%, transparent)}.wf-gate-btn-ghost{border:1px solid var(--g-card-line);background:color-mix(in srgb, var(--g-text) 4%, transparent);color:var(--g-text)}.wf-gate-btn-ghost:hover{background:color-mix(in srgb, var(--g-text) 9%, transparent)}.wf-gate-toggle{border:1px solid var(--g-card-line);background:color-mix(in srgb, var(--g-text) 5%, transparent);color:var(--g-text)}.wf-gate-toggle:hover{background:color-mix(in srgb, var(--g-text) 10%, transparent)}.wf-gate-rise{animation:.8s cubic-bezier(.16,1,.3,1) both wf-gate-rise;animation-delay:calc(var(--d,0) * 90ms)}@keyframes wf-gate-rise{0%{opacity:0;transform:translateY(14px)}}@media (max-width:1023px){.wf-gate-orb{opacity:.55;width:min(26rem,110vw);top:4rem;right:50%;translate:50% -35%}}@media (prefers-reduced-motion:reduce){.wf-gate-floor,.wf-gate-orb-inner,.wf-gate-core,.wf-gate-rise{animation:none}.wf-gate-btn,.wf-gate-card{transition:none}}