body{position:relative;overflow-x:hidden;isolation:isolate;background:radial-gradient(circle at 12% 18%,rgba(19,59,169,.22),transparent 32%),radial-gradient(circle at 88% 80%,rgba(19,59,169,.16),transparent 34%),var(--color-surface-dark)}
.nav{z-index:100;pointer-events:auto}.nav a{position:relative;z-index:101;pointer-events:auto}.pill{position:absolute;left:50%;transform:translateX(-50%);z-index:101;pointer-events:auto}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(18px)}
body:before{width:48vw;height:48vw;min-width:460px;min-height:460px;left:-20vw;top:-25vw;background:rgba(19,59,169,.14)}
body:after{width:40vw;height:40vw;min-width:380px;min-height:380px;right:-18vw;bottom:-22vw;background:rgba(19,59,169,.11)}
.content{--mx:50%;--my:50%;position:relative;isolation:isolate;margin:0 auto;max-width:1540px}
.content:before{content:"";position:absolute;z-index:-1;inset:14% 4%;border:1px solid rgba(255,255,255,.09);border-radius:38px;background:linear-gradient(145deg,rgba(19,59,169,.13),rgba(255,255,255,.025) 48%,rgba(19,59,169,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 38px 120px rgba(19,59,169,.13);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.content:after{content:"";position:absolute;z-index:2;inset:14% 4%;border-radius:38px;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),#91a9ff 0,var(--color-brand-hover) 24%,transparent 68%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none}.content:hover:after{opacity:1}
@media(max-width:760px){.content:before,.content:after{inset:12% 10px;border-radius:26px}.content:after{opacity:.42;background:radial-gradient(180px circle at 50% 18%,var(--color-brand-hover) 0,transparent 72%)}body:before{left:-65vw;top:-35vw}body:after{right:-60vw;bottom:-20vw}}