@font-face{font-family:OffBit;src:url(/fonts/offBit/OffBitTrial-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:OffBit;src:url(/fonts/offBit/OffBitTrial-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:PowerGrotesk;src:url(/fonts/PowerGrotesk/PowerGroteskTrial-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:PowerGrotesk;src:url(/fonts/PowerGrotesk/PowerGroteskTrial-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:PowerGrotesk;src:url(/fonts/PowerGrotesk/PowerGroteskTrial-Medium.woff2) format("woff2");font-weight:500;font-style:normal}*{margin:unset;padding:unset;box-sizing:border-box}html,body{font-family:PowerGrotesk,sans-serif;color:var(--color-text);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,section,p,span,svg{transition:color .5s,background-color .5s}:root{--color-void-black: #0D0D0D;--color-warm-cream: #F5F0E8;--color-vivid-magenta: #9B1D5A;--color-midnight-blue: #1C3D6B;--color-aurora-teal: #3A7D5C;--color-ember-gold: #C97A10;--color-dusk-violet: #5B3A7E;--color-deep-forest: #1B4A2E}.light-theme{--color-text: var(--color-void-black);--color-background: var(--color-warm-cream);--color-pink: var(--color-vivid-magenta);--color-green: var(--color-aurora-teal);--color-blue: var(--color-midnight-blue)}.dark-theme{--color-text: var(--color-warm-cream);--color-background: var(--color-void-black);--color-pink: var(--color-vivid-magenta);--color-green: var(--color-aurora-teal);--color-blue: var(--color-midnight-blue)}.blue-bg{background-color:var(--color-blue)!important}.blue-border{border-color:var(--color-blue)!important}.blue-text{color:var(--color-blue)!important}.green-bg{background-color:var(--color-green)!important}.green-border{border-color:var(--color-green)!important}.green-text{color:var(--color-green)!important}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.theme-toggle{position:fixed;z-index:9999;top:40px;right:40px;width:70px;height:34px;border-radius:34px;border:2px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#7ad0ac,#55b4f2);cursor:pointer;overflow:hidden;transition:background .5s ease,border .5s ease;box-shadow:0 4px 10px #0000001a;padding:0}body.dark-theme .theme-toggle{background:linear-gradient(135deg,#6c798c,#2b2d35);border:2px solid rgba(0,0,0,.4)}.toggle-track{position:relative;width:100%;height:100%}.toggle-sun-moon{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background-color:#ffcf54;box-shadow:inset -2px -2px #0000001a,0 2px 4px #0003;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),background-color .5s ease,box-shadow .5s ease;z-index:3}body.dark-theme .toggle-sun-moon{transform:translate(36px);background-color:#d1d5df;box-shadow:inset -2px -2px #0003,0 2px 4px #0006}.crater{position:absolute;background-color:#aeb4c5;border-radius:50%;opacity:0;transition:opacity .3s ease}body.dark-theme .crater{opacity:1}.crater-1{width:6px;height:6px;top:6px;left:14px}.crater-2{width:4px;height:4px;top:14px;left:8px}.crater-3{width:8px;height:8px;top:12px;left:16px}.toggle-clouds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:transform .5s ease,opacity .5s ease;opacity:1}body.dark-theme .toggle-clouds{transform:translateY(20px);opacity:0}.cloud{position:absolute;background-color:#fff;border-radius:50%}.cloud-1{width:22px;height:22px;bottom:-8px;right:-4px}.cloud-2{width:14px;height:14px;bottom:-2px;right:8px}.cloud-3{width:18px;height:18px;bottom:-6px;right:16px}.toggle-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transform:translateY(-20px);transition:transform .5s ease,opacity .5s ease}body.dark-theme .toggle-stars{opacity:1;transform:translateY(0)}.toggle-stars .star{position:absolute;background-color:#fff;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:twinkle 3s infinite ease-in-out alternate}.star-1{width:8px;height:8px;top:6px;left:10px;animation-delay:0s}.star-2{width:6px;height:6px;top:16px;left:24px;animation-delay:.5s}.star-3{width:10px;height:10px;top:10px;left:34px;animation-delay:1s}.star-4{width:5px;height:5px;top:22px;left:12px;animation-delay:1.5s}.page{z-index:999;width:100%;height:100%;overflow:hidden}.page-wrapper{position:relative;height:100vh}.preloader{position:fixed;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#e7e7e7;z-index:9999999}.preloader-wrapper{display:flex;gap:10px}.circle{width:10px;height:10px;border-radius:100%;background-color:var(--color-pink);animation:loading 1.5s infinite}.circle:nth-of-type(2){animation-delay:.1s}.circle:nth-of-type(3){animation-delay:.2s}@keyframes loading{0%{transform:translateY(0)}20%{transform:translateY(-10px)}40%{transform:translateY(0)}}.section-margin{height:3000px;width:100%}.section{position:relative;width:50%;padding:1000px 4%;margin:0;background-color:var(--color-background)}.left{margin-right:auto;border-top-right-radius:700px;border-bottom-right-radius:0}.right{margin-left:auto;border-top-left-radius:700px;border-bottom-left-radius:0}.section-intro-wrapper{position:relative;padding:20% 5% 400px;border-bottom:2px solid var(--color-pink)}.section-detail-wrapper{position:relative;padding:20% 5%}.section-heading{font-family:PowerGrotesk,sans-serif;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:1px;text-transform:uppercase;margin-top:64px;margin-bottom:18px;color:var(--color-text)}.section-text{font-family:PowerGrotesk,sans-serif;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:.3px;color:var(--color-text)}.progress-bar-pink{background-color:var(--color-pink)}.progress-bar-blue{background-color:var(--color-blue)}.progress-bar-green{background-color:var(--color-green)}.progress-bar{position:absolute;height:0;width:10px;top:0;z-index:10}.progess-bar-right{right:0}.progess-bar-left{left:0}.section-title{position:relative;color:var(--color-pink)}.section-title-text{display:block;font-family:OffBit,sans-serif;font-size:36px;font-weight:700;transform-origin:left;z-index:9;transform:skewY(25deg);letter-spacing:3px;text-transform:uppercase}.styleOne,.styleTwo,.styleThree{position:absolute;width:100%;border:1px solid var(--color-pink);height:60px;display:block;max-width:278px;transform-origin:left;transform:skewY(-25deg)}.styleOne{background-color:var(--color-pink);transform:skewY(25deg);top:80px}.styleTwo{top:80px}.styleThree{top:0}.section-number{position:absolute;right:0;bottom:10px;font-family:PowerGrotesk,sans-serif;font-size:13px;font-weight:400;color:var(--color-pink)}.hero{width:100vw;height:100vh}.hero-wrapper{position:relative;height:100%;width:calc(100% - 50px);max-width:1000px;margin:0 auto}.animatedSpan{display:inline-block;transform:translateY(-300%)}.scroll-arrow{position:absolute;bottom:0;left:50%;transition:translateX(-50%);visibility:hidden;animation:bounce .5s ease-in alternate infinite}@keyframes bounce{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.intro-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:OffBit,sans-serif;font-size:13px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase}.hero-main{position:absolute;bottom:10%;left:0}.hero-second{position:absolute;top:10%;right:0}.hero-main-title{font-family:OffBit,sans-serif;font-size:52px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:transparent!important;position:relative;user-select:none;cursor:crosshair}.hero-main-description{font-family:PowerGrotesk,sans-serif;font-size:16px;font-weight:400;letter-spacing:1.5px;line-height:1.6;text-transform:uppercase;color:var(--color-text)}.hero-second-subheading{font-family:OffBit,sans-serif;font-size:24px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text)}.hero-second-subheading:nth-of-type(1){letter-spacing:3.7px}@media screen and (max-width: 980px){.section{width:100%}.hero-second-subheading{font-size:20px}.hero-main-title{font-size:30px}.hero-main-description{font-size:13px}}