*{margin:0;padding:0;box-sizing:border-box}:root{--clr:#fff}body{color:var(--foreground);background:#fff;background-size:cover;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;width:100vw;height:100vh;scroll-behavior:smooth;font-family:SF Pro Display,sans-serif;overflow-x:hidden}.navigation{width:100%;height:80px;background:#fff;border-radius:10px}.navigation ul{display:flex;width:350px}.navigation ul li{position:relative;list-style:none;width:200px;height:70px;z-index:1}.navigation ul li h1{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;text-align:center;font-weight:500}.navigation ul li h1 .icon{position:relative;display:block;line-height:75px;font-size:2rem;text-align:center;transition:.5s;color:#000;transform:translateY(14px)}.navigation ul li.active h1 .icon{transform:translateY(-10px)}.navigation ul li h1 .text{position:absolute;color:var(--clr);font-weight:400;font-size:.75em;letter-spacing:.05em;transition:.5s;opacity:0;transform:translateY(40px)}.navigation ul li.active h1 .text{opacity:1;transform:translateY(40px)}.indicator{position:absolute;top:-50%;width:70px;height:70px;border-radius:50%;border:6px solid var(--clr);transition:.5s;transform:translateX(8px);margin-top:14.5px}.indicator:before{left:-22px;border-top-right-radius:20px;box-shadow:1px -10px 0 0 var(--clr)}.indicator:after,.indicator:before{content:"";position:absolute;top:50%;width:20px;height:20px;background:transparent}.indicator:after{right:-22px;border-top-left-radius:20px;box-shadow:-1px -10px 0 0 var(--clr)}.navigation ul li:nth-child(2).active~.indicator{transform:translateX(calc(95.5px * 1))}.navigation ul li:nth-child(3).active~.indicator{transform:translateX(calc(92px * 2))}.navigation ul li:nth-child(4).active~.indicator{transform:translateX(calc(90px * 3))}ul{padding-left:0;list-style:none}.loader{width:20px;height:20px}.spin{background:transparent;position:relative;border-radius:50%;overflow:hidden;z-index:0;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spin>div:not(.spin__blocker){width:50%;height:50%;z-index:-1}.spin__blocker{position:absolute;top:0;left:0;top:3%;left:7%;background:#fff;width:90%;height:90%;border-radius:50%}.spin__bottom-left{position:absolute;top:50%;left:0;background:linear-gradient(to bottom right,rgba(45,35,168,.75),rgba(175,64,159,.5))}.spin__bottom-right{position:absolute;top:50%;left:50%;background:linear-gradient(to top right,rgba(175,64,159,.5),rgba(210,72,157,.25))}.spin__top-left{position:absolute;top:0;left:50%;background:linear-gradient(to bottom right,rgba(45,35,168,0),rgba(210,72,157,.25))}.spin__blocker{width:80%;height:80%;top:10%;left:10%}.gradient-button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:700;border-radius:4px;border:4px solid transparent;cursor:pointer}.gradient-button:before{content:"";position:absolute;inset:0;border-radius:3px;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out}.gradient-button span,.gradient-button:before{background:linear-gradient(90deg,#1e3a8a,#9333ea,#ec4899)}.gradient-button span{-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-button .corner-cut{position:absolute;bottom:0;right:0;width:20px;height:20px;background:#1e3a8a;clip-path:polygon(100% 0,0 100%,100% 100%)}