@property --afx-orbit{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes afx-border-orbit{to{--afx-orbit:360deg}}@layer components{.afx-background{isolation:isolate;color:#f8fafc;background-color:#090a16;position:relative;overflow:hidden}.afx-background-field,.afx-shader-canvas,.afx-background-scrim{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.afx-background-field{opacity:var(--afx-intensity,.55)}.afx-shader-canvas{opacity:0;transition:opacity .4s;display:block}.afx-shader-canvas[data-ready=true]{opacity:1}.afx-shader-canvas[data-ready=false]{transition:none}.afx-background-scrim{background:linear-gradient(90deg,#090a169e,#0000 78%),linear-gradient(#090a1614,#090a167a)}.afx-background-content{z-index:1;height:100%;position:relative}.afx-surface{isolation:isolate;border-radius:var(--af-radius,1.25rem);border:1px solid var(--border,#8b5cf633);background-color:var(--surface,#11111f);color:var(--foreground,#f8fafc);position:relative;box-shadow:0 16px 48px -24px #0a081e6b}.afx-spotlight:before,.afx-tilt:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle var(--afx-spotlight-radius,320px) at var(--afx-pointer-x,50%) var(--afx-pointer-y,35%), color-mix(in srgb, var(--afx-spotlight-color,#8b5cf6) calc(var(--afx-spotlight-intensity,.2) * 100%), transparent) 0%, transparent 75%);opacity:.65;transition:opacity .18s;position:absolute;inset:0}.afx-spotlight[data-afx-pointer=active]:before,.afx-tilt[data-afx-pointer=active]:before{opacity:1}.afx-glow-border:before,.afx-glow-border:after{content:"";border-radius:inherit;padding:var(--afx-border-width,1px);pointer-events:none;background:conic-gradient(from var(--afx-orbit), var(--afx-color-a,#8b5cf6), var(--afx-color-b,#22d3ee) 28%, var(--afx-color-c,#34d399) 48%, transparent 63%, var(--afx-color-a,#8b5cf6) 84%, var(--afx-color-b,#22d3ee));-webkit-mask-composite:xor;animation:afx-border-orbit var(--afx-border-duration,12s) steps(var(--afx-border-steps,360), end) infinite;animation-play-state:paused;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.afx-glow-border:before{opacity:.9}.afx-glow-border:after{opacity:.32;filter:blur(5px);inset:-3px}.afx-glow-border[data-afx-motion=running]:before,.afx-glow-border[data-afx-motion=running]:after{animation-play-state:running}.afx-tilt{transform:perspective(var(--afx-perspective,900px)) rotateX(var(--afx-rotate-x,0deg)) rotateY(var(--afx-rotate-y,0deg));transform-origin:50%;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.afx-magnetic-button{isolation:isolate;background:linear-gradient(120deg, color-mix(in srgb, var(--af-color-primary,#8b5cf6) 40%, #211938), #7044d8 58%, #3f59aa);color:#fff;transform:translate(var(--afx-magnetic-x,0px), var(--afx-magnetic-y,0px));cursor:pointer;border:1px solid #ffffff2e;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff29,0 6px 24px -8px #8b5cf68f}.afx-magnetic-button:disabled,.afx-magnetic-button[aria-disabled=true],.afx-magnetic-button[data-disabled]{opacity:.5;cursor:default;transform:none}}.afx-surface:focus-visible,.afx-magnetic-button:focus-visible{outline:2px solid var(--ring,#22d3ee);outline-offset:4px}.afx-surface:has(:focus-visible){outline:2px solid var(--ring,#22d3ee);outline-offset:4px}.afx-surface:focus-visible:before{opacity:1}.afx-surface:has(:focus-visible):before{opacity:1}.afx-tilt:focus-within,.afx-magnetic-button:focus-within{transform:none}@media (hover:none),(pointer:coarse){.afx-tilt,.afx-magnetic-button{transition:none;transform:none}}@media (prefers-reduced-motion:reduce){.afx-shader-canvas{transition:none;opacity:0!important}.afx-tilt,.afx-magnetic-button{transform:none}.afx-tilt,.afx-magnetic-button,.afx-spotlight:before,.afx-tilt:before{transition:none}.afx-glow-border:before,.afx-glow-border:after{animation:none}}[data-shader-state=off] .afx-shader-canvas,.afx-shader-canvas[data-shader-state=off]{transition:none;opacity:0!important}.afx-tilt[data-afx-motion=paused],.afx-magnetic-button[data-afx-motion=paused]{transition:none;transform:none}.afx-spotlight[data-afx-motion=paused]:before,.afx-tilt[data-afx-motion=paused]:before{transition:none}.afx-glow-border[data-afx-motion=paused]:before,.afx-glow-border[data-afx-motion=paused]:after{animation-play-state:paused}@media (forced-colors:active){.afx-background-field,.afx-shader-canvas,.afx-background-scrim,.afx-spotlight:before,.afx-tilt:before,.afx-glow-border:before,.afx-glow-border:after{display:none}.afx-background,.afx-surface,.afx-magnetic-button{color:canvastext;box-shadow:none;background:canvas;border:1px solid buttontext}.afx-surface:focus-visible,.afx-magnetic-button:focus-visible{outline-color:highlight}.afx-surface:has(:focus-visible){outline-color:highlight}}