#lights{opacity:.72;width:100%;height:100%;position:absolute;overflow:hidden}canvas{width:100%;height:100%;display:block}@media (max-width:640px){#lights{opacity:.58}}
.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:24px;--glow-padding:28px;isolation:isolate;border-radius:var(--border-radius);background:var(--card-bg,#15151d);border:1px solid #ffffff26;display:grid;position:relative;transform:translateZ(.01px);box-shadow:0 18px 45px #0003}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;pointer-events:none;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover):after,.border-glow-card:not(:hover)>.edge-light{opacity:0}.border-glow-card:before{background:linear-gradient(var(--card-bg,#15151d) 0 100%) padding-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 25%, transparent 40%, transparent 60%, black 75%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 25%, transparent 40%, transparent 60%, black 75%);border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one), var(--gradient-two), var(--gradient-three), var(--gradient-four), var(--gradient-five), var(--gradient-six), var(--gradient-seven);opacity:calc(.5 * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;-webkit-mask-image:radial-gradient(#0000 30%,#000 70%);mask-image:radial-gradient(#0000 30%,#000 70%)}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 20px var(--glow-color-40), 0 0 24px var(--glow-color-50), 0 0 48px var(--glow-color-30);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;position:relative;overflow:hidden}
.light-rays-container{pointer-events:none;z-index:0;opacity:1;filter:saturate(1.3)brightness(1.15);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.light-rays-container canvas{width:100%;height:100%;display:block}
.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:1;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{-webkit-backdrop-filter:blur(18px)saturate(1.15)brightness(1.15);background:#ffffff0a;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff0a,0 8px 24px #0f172a2e}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff2e;border:1px solid #ffffff2e;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff3,inset 0 -1px #ffffff1a}@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#ffffff0f;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff0f}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#ffffff42;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #ffffff26}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}