.glass-pane{isolation:isolate;-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);background:linear-gradient(#ffffff12 0%,#ffffff05 16%,#0000 40%),linear-gradient(150deg,#ffffff16 0%,#ffffff08 40%,#0a0a0a24 100%);border:1px solid #ffffff26;border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0009,inset 0 1px #ffffff4d,inset 1px 0 #ffffff12,inset 0 -1px #ffffff0a}@media (min-width:640px){.glass-pane{border-radius:2.25rem}}.shape{will-change:transform;position:absolute}.shape-orb-a{background:radial-gradient(circle, hsl(var(--primary) / .42) 0%, hsl(var(--primary) / .26) 22%, hsl(var(--primary) / .1) 46%, hsl(var(--primary) / .02) 64%, transparent 74%);border-radius:9999px;width:52vmax;height:52vmax;top:-14vmax;left:-10vmax}.shape-orb-b{background:radial-gradient(circle,#24a1f966 0%,#24a1f92e 24%,#24a1f912 48%,#24a1f904 66%,#0000 76%);border-radius:9999px;width:56vmax;height:56vmax;bottom:-16vmax;right:-12vmax}.shape-orb-c{background:radial-gradient(circle,#f547b557 0%,#f547b524 28%,#f547b50d 52%,#0000 72%);border-radius:9999px;width:30vmax;height:30vmax;top:38%;right:12%}.shape-ribbon-a,.shape-ribbon-b{border-radius:9999px}.shape-ribbon-a{background:linear-gradient(90deg, transparent 0%, hsl(var(--primary) / .46) 40%, #38a9fa47 70%, transparent 100%);width:70vmax;height:7vmax;top:18%;left:8%;transform:rotate(-24deg)}.shape-ribbon-b{background:linear-gradient(90deg, transparent 0%, #f651b95c 45%, hsl(var(--primary) / .3) 75%, transparent 100%);width:56vmax;height:4vmax;bottom:14%;right:4%;transform:rotate(-24deg)}.shape-ring{background:radial-gradient(circle at 35% 30%, hsl(var(--primary) / .34) 0%, hsl(var(--primary) / .12) 55%, transparent 100%);width:22vmin;height:22vmin;box-shadow:0 0 50px 0 hsl(var(--primary) / .3);border:1px solid #fff6;border-radius:9999px;bottom:12%;left:max(50% - 720px - 10vmin,-4vmin)}.shape-blob-a,.shape-blob-b,.shape-blob-c{border-radius:50%}.shape-blob-a{background:linear-gradient(145deg, #38a9fab3 0%, hsl(var(--primary) / .55) 100%);width:20vmin;height:20vmin;top:9%;left:max(50% - 720px - 9vmin,-3vmin);box-shadow:0 0 60px #24a1f940}.shape-blob-b{background:linear-gradient(145deg, #f651b9a6 0%, hsl(var(--primary) / .5) 100%);width:17vmin;height:17vmin;top:8%;left:min(50% + 720px - 6vmin,100% - 14vmin);box-shadow:0 0 60px #f547b538}.shape-blob-c{background:linear-gradient(145deg, hsl(var(--primary) / .6) 0%, #38a9fa80 100%);width:14vmin;height:14vmin;box-shadow:0 0 50px 0 hsl(var(--primary) / .22);bottom:3%;left:46%}.shape-disc{background:linear-gradient(135deg, hsl(var(--primary) / .72) 0%, #8747f599 45%, #24a1f98c 100%);width:26vmin;height:26vmin;box-shadow:0 0 80px 0 hsl(var(--primary) / .35);border-radius:9999px;top:54%;left:min(50% + 720px - 13vmin,100% - 20vmin)}.glass-pane:before{content:"";z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.btn-glass{color:#fafafa;-webkit-backdrop-filter:blur(14px)saturate(1.8);backdrop-filter:blur(14px)saturate(1.8);background:linear-gradient(#ffffff26 0%,#ffffff0d 100%);border:1px solid #ffffff3d;transition:background-color .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);box-shadow:0 6px 20px -10px #00000080,inset 0 1px #ffffff80}.btn-glass:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn-glass:hover{background-color:#ffffff0f;border-color:#ffffff4d}}[data-perf=lite] .glass-pane{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffff12 0%,#ffffff05 16%,#0000 40%),#0e0e12c7}[data-perf=lite] .btn-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff1a}@media (prefers-reduced-transparency:reduce){.glass-pane{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0e12e0}}@media (prefers-reduced-motion:reduce){[data-reveal]{transform:none!important}}.glass-scrim{z-index:0;pointer-events:none;background:linear-gradient(90deg, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * 1)) 0%, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * .85)) 45%, transparent 88%), linear-gradient(0deg, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * .7)) 0%, transparent 24%), linear-gradient(180deg, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * .5)) 0%, transparent 18%);position:absolute;inset:0}.glass-clip{clip-path:inset(8px max(8px,50% - 720px) round 1.75rem);position:absolute;inset:0;overflow:hidden}@media (min-width:640px){.glass-clip{clip-path:inset(12px max(12px,50% - 720px) round 2.25rem)}}[data-backdrop=shader] .glass-pane{background:linear-gradient(180deg, #ffffff0f 0%, transparent 34%), hsl(var(--gh-veil,240 20% 4%) / .2)}[data-backdrop=shader] .glass-pane:before{opacity:.28}[data-backdrop=shader] .glass-pane{-webkit-backdrop-filter:blur(6px)saturate(1.5);backdrop-filter:blur(6px)saturate(1.5)}@media (max-width:767px){.glass-scrim{background:linear-gradient(180deg, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * 1.5)) 0%, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * 1.9)) 50%, hsl(var(--gh-veil,240 20% 4%) / calc(var(--gh-scrim,0) * 1.5)) 100%)}}.shader-poster{background:radial-gradient(60% 55% at 82% 45%, hsl(var(--gh-h,262) 85% 45% / .55), transparent 70%), radial-gradient(50% 50% at 62% 70%, hsl(calc(var(--gh-h,262) - 20) 80% 35% / .4), transparent 70%), hsl(var(--gh-veil,240 20% 4%));position:absolute;inset:0}.shader-frame{opacity:0;transition:opacity .9s cubic-bezier(.23,1,.32,1)}.shader-frame[data-ready]{opacity:1}@media (prefers-reduced-motion:reduce){.shader-frame{transition:none}}