@keyframes hero-gradient-animation{0%{--s-start-0: 2%;--s-end-0: 78.72573401919361%;--y-0: 98%;--x-0: 98%;--c-0: hsla(55.58823529411776, 0%, 100%, .86)}to{--s-start-0: 2%;--s-end-0: 78.72573401919361%;--y-0: 98%;--x-0: 2%;--c-0: hsla(284.55882352941165, 0%, 100%, .86)}}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 2%}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 78.72573401919361%}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 98%}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 98%}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(55.58823529411776,0%,100%,.86)}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 91%}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 98%}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(284.55882352941177,85%,73%,.42)}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 2%}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 78.72573401919361%}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 2%}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 61.288600779667334%}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(181.00000000000003,85%,73%,.42)}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 87%}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 16%}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(252.7941176470588,85%,73%,.42)}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 79%}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 2%}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 61.288600779667334%}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 52%}.aurora-bg{height:100vh;width:100vw;transform:rotate(180deg);opacity:.2;--y-0: 98%;--x-0: 98%;--c-0: hsla(55.58823529411776, 0%, 100%, .86);--y-1: 91%;--x-1: 98%;--c-1: hsla(284.55882352941177, 85%, 73%, .42);--c-2: hsla(181.00000000000003, 85%, 73%, .42);--y-2: 87%;--x-2: 16%;--c-3: hsla(252.7941176470588, 85%, 73%, .42);--y-3: 79%;--x-3: 52%;background-color:#232b2f;background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal}nav:before{content:"";position:absolute;inset:0 0 3px;background-image:linear-gradient(45deg,#38bdf800,#38bdf814 20% 80%,#38bdf800);pointer-events:none}.nav-frame{height:6px;display:flex;flex-wrap:nowrap;gap:10px;align-items:start;overflow:hidden}.nav-frame>div{flex:1}.nav-frame>div:nth-child(1),.nav-frame>div:nth-child(5){height:6px;display:flex;flex-wrap:nowrap;gap:10px;align-items:start}.nav-frame>div:nth-child(1)>div,.nav-frame>div:nth-child(5)>div{background:#38bdf8;height:6px;flex:1}.nav-frame>div:nth-child(1)>div,.nav-frame>div:nth-child(2){transform:skew(40deg)}.nav-frame>div:nth-child(5)>div,.nav-frame>div:nth-child(4){transform:skew(-40deg)}.nav-frame>div:nth-child(1)>div:nth-child(2),.nav-frame>div:nth-child(5)>div:nth-child(1){max-width:80px}.nav-frame>div:nth-child(2),.nav-frame>div:nth-child(4){background:#71cdf4;height:1px;width:100%}nav>div>div>a{max-width:120px;min-width:80px;width:100%;display:flex;justify-content:center}.nav-frame>div:nth-child(3){max-width:200px;min-width:80px;height:6px;flex:1;display:flex;position:relative}.nav-frame>div:nth-child(3)>div{background:#38bdf8;height:6px}.nav-frame>div:nth-child(3)>div:nth-child(1){transform:skew(-40deg);margin-right:-4px;width:14px}.nav-frame>div:nth-child(3)>div:nth-child(2){flex:1}.nav-frame>div:nth-child(3)>div:nth-child(3){transform:skew(40deg);margin-left:-4px;width:14px}