:root{--neon-magenta: #ff2fb3;--neon-orange: #ff8a1f;--neon-cyan: #22d3ff;--neon-violet: #7b3cff }.pf-neon-media{position:absolute;inset:0;overflow:hidden}.pf-neon-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#120a2a center / cover no-repeat}.pf-hero.has-neon{min-height:min(760px,calc(100svh - 115px));display:grid;align-items:center;background:#0b0a26}.pf-hero.has-neon:before{z-index:1;background:linear-gradient(90deg,#0b0a26,#0b0a26f2 28%,#0b0a26b3 48%,#0b0a2600 74%),linear-gradient(0deg,#0b0a26,#0b0a2600 34%),radial-gradient(ellipse 40% 60% at 85% 30%,#ff2fb326,transparent 70%)}.pf-hero.has-neon .pf-neon-media{z-index:0;left:26%}.pf-hero.has-neon .pf-neon-media:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 3px);mix-blend-mode:overlay;pointer-events:none}.pf-neon-floor{position:absolute;z-index:1;left:0;right:0;bottom:0;height:34%;pointer-events:none;perspective:420px;overflow:hidden;mask-image:linear-gradient(0deg,#000 10%,transparent)}.pf-neon-floor:before{content:"";position:absolute;inset:0 -50% -60%;transform:rotateX(62deg);transform-origin:top;background-image:linear-gradient(90deg,#22d3ff2e 1px,transparent 1px),linear-gradient(0deg,#ff2fb32e 1px,transparent 1px);background-size:64px 64px}.content-motion-enabled .pf-neon-floor:before{animation:neon-floor 6s linear infinite}@keyframes neon-floor{to{background-position:0 64px,0 64px}}body.light .pf-hero.has-neon{background:#f7f4ee}body.light .pf-hero.has-neon:before{opacity:1;background:linear-gradient(90deg,#f7f4ee,#f7f4eefa 34%,#f7f4eee6 50%,#f7f4ee00 74%),linear-gradient(0deg,#f7f4ee,#f7f4ee00 30%)}body.light .pf-neon-floor{display:none}.pf-neon-portal{position:relative;aspect-ratio:4 / 5;width:100%;max-width:470px;justify-self:center;isolation:isolate}.pf-neon-portal:before{content:"";position:absolute;inset:8% -8% -4%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 30% 60%,#ff2fb366,transparent 55%),radial-gradient(circle at 75% 35%,#22d3ff55,transparent 55%);filter:blur(40px)}.pf-neon-portal .pf-neon-media{border-radius:999px 999px 32px 32px;border:1px solid #ffffff2e;box-shadow:0 40px 90px #0008,inset 0 0 0 1px #ffffff14}.pf-neon-portal .pf-neon-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0a2600 55%,#0b0a26cc),radial-gradient(circle at 50% 30%,transparent 40%,#0b0a2666)}.pf-neon-rings{position:absolute;inset:-6%;z-index:2;pointer-events:none}.pf-neon-rings i{position:absolute;left:50%;top:34%;border-radius:50%;border:1px solid #22d3ff59;transform:translate(-50%,-50%)}.pf-neon-rings i:nth-child(1){width:62%;aspect-ratio:1;border-style:dashed}.pf-neon-rings i:nth-child(2){width:84%;aspect-ratio:1;border-color:#ff2fb340}.pf-neon-rings i:nth-child(3){width:104%;aspect-ratio:1;border-color:#ffffff1f}.content-motion-enabled .pf-neon-rings i:nth-child(1){animation:neon-spin 40s linear infinite}.content-motion-enabled .pf-neon-rings i:nth-child(2){animation:neon-spin 70s linear infinite reverse}@keyframes neon-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.pf-neon-chips{position:absolute;inset:0;z-index:3;list-style:none;margin:0;padding:0;pointer-events:none}.pf-neon-chips li{position:absolute;padding:8px 14px;border-radius:999px;font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#f7f5f0;background:#0b0a26cc;border:1px solid #ffffff2e;backdrop-filter:blur(10px);box-shadow:0 12px 30px #0006;white-space:nowrap}.pf-neon-chips li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--c, var(--neon-cyan));box-shadow:0 0 10px var(--c, var(--neon-cyan))}.content-motion-enabled .pf-neon-chips li{animation:neon-float 7s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -2.3s)}@keyframes neon-float{50%{transform:translateY(-8px)}}.pf-neon-porthole{position:absolute;inset:22%;border-radius:50%;overflow:hidden;z-index:1;box-shadow:0 0 0 1px #ffffff26,0 0 60px #ff2fb340,0 0 120px #22d3ff26}.pf-neon-porthole video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1)}.pf-neon-porthole:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#0b0a2659 0 35%,#0b0a26d9 72%);box-shadow:inset 0 0 40px #0b0a26}body.light .pf-neon-porthole:after{background:radial-gradient(circle,#0b0a2640 0 35%,#0b0a26b3 72%)}.pf-finale.has-neon{background:#0b0a26}.pf-finale.has-neon .pf-neon-media{z-index:0}.pf-finale.has-neon .pf-neon-media video{opacity:.9}.pf-finale.has-neon:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0f1745f7,#1c1342e6 40%,#1c134280 70%,#1c134233),linear-gradient(0deg,#1c1342cc,transparent 40%)}body.light .pf-finale.has-neon:before{background:linear-gradient(90deg,#f2f6fc,#f2f6fcfa 48%,#f2f6fcb3 68%,#f2f6fc33),linear-gradient(0deg,#f2f6fccc,transparent 40%)}body.light .pf-finale.has-neon .pf-ghost{border-color:#17202a66;background:#fffdf9cc}.pf-finale.has-neon .pf-ghost{background:#0b0a2666;backdrop-filter:blur(6px)}.pf-finale.has-neon .pf-finale-grid{z-index:3}.pf-neon-edge{position:relative}.pf-neon-edge:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet) 45%,var(--neon-magenta) 80%,var(--neon-orange));-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 .3s;pointer-events:none}.pf-neon-edge:is(:hover,:focus-within):after{opacity:1}@media(max-width:900px){.pf-hero.has-neon{min-height:0}.pf-hero.has-neon .pf-neon-media{left:0;opacity:.55}.pf-hero.has-neon:before{background:linear-gradient(180deg,#0b0a26e6,#0b0a26b3 60%,#0b0a26)}body.light .pf-hero.has-neon .pf-neon-media{opacity:.3}body.light .pf-hero.has-neon:before{background:linear-gradient(180deg,#f7f4eeeb,#f7f4eed9 60%,#f7f4ee)}.pf-neon-portal{max-width:360px}}@media(prefers-reduced-motion:reduce){.pf-neon-floor:before,.pf-neon-rings i,.pf-neon-chips li{animation:none!important}}.motion-off .pf-neon-floor:before,.motion-off .pf-neon-rings i,.motion-off .pf-neon-chips li{animation:none!important}
