
  

  

  
  
  
  


@layer base {
  
  body, :host {
    /* Color */
    --neutral-50: #FAFBFA;
--neutral-100: #F4F6F5;
--neutral-200: #E3E7E5;
--neutral-light: #C8CFC9;
--neutral-base: #9BA39D;
--neutral-500: #7A847F;
--neutral-dark: #6B7870;
--neutral-700: #4A554F;
--neutral-800: #2C3832;
--neutral-bg: rgba(107, 120, 112, 0.15);
--neutral-border: rgba(107, 120, 112, 0.3);
--brand-light: #A8E6B8;
--brand-base: #5FB370;
--brand-dark: #3E704C;
--brand-bg: rgba(95, 179, 112, 0.1);
--brand-border: rgba(95, 179, 112, 0.25);
--success-light: #86EFAC;
--success-base: #22C55E;
--success-dark: #15803D;
--success-bg: rgba(34, 197, 94, 0.1);
--success-border: rgba(34, 197, 94, 0.25);
--warning-light: #FCD34D;
--warning-base: #F5A623;
--warning-dark: #B45309;
--warning-bg: rgba(245, 166, 35, 0.1);
--warning-border: rgba(245, 166, 35, 0.25);
--critical-light: #FCA5A5;
--critical-base: #EF4444;
--critical-dark: #991B1B;
--critical-bg: rgba(239, 68, 68, 0.1);
--critical-border: rgba(239, 68, 68, 0.25);
--overlay-a1: #ffffff0d;
--overlay-a2: #ffffff1a;
--overlay-a3: #ffffff26;
--overlay-a4: #ffffff33;
--overlay-a5: #ffffff4d;
--overlay-a6: #ffffff66;
--overlay-a7: #ffffff80;
--overlay-a8: #ffffff99;
--overlay-a9: #ffffffb3;
--overlay-a10: #ffffffcc;
--overlay-a11: #ffffffe6;
--overlay-a12: #fffffff2;
--overlay-inverted-a1: #0000000d;
--overlay-inverted-a2: #0000001a;
--overlay-inverted-a3: #00000026;
--overlay-inverted-a4: #00000033;
--overlay-inverted-a5: #0000004d;
--overlay-inverted-a6: #00000066;
--overlay-inverted-a7: #00000080;
--overlay-inverted-a8: #00000099;
--overlay-inverted-a9: #000000b3;
--overlay-inverted-a10: #000000cc;
--overlay-inverted-a11: #000000e6;
--overlay-inverted-a12: #000000f2;
--info-light: #93C5FD;
--info-base: #3B96F7;
--info-dark: #1E4E8C;
--info-bg: rgba(59, 150, 247, 0.1);
--info-border: rgba(59, 150, 247, 0.25);
--bg-main: #0A1410;
--bg-card: #0F1F18;
--bg-elevated: #152B21;
--bg-hover: #1A3429;
--border-default: rgba(255, 255, 255, 0.15);
--border-strong: rgba(255, 255, 255, 0.25);
    /* Fonts */
    --font-spacegrotesk: 'Space Grotesk',sans-serif;
--font-plusjakartasans: 'Plus Jakarta Sans',sans-serif;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-md: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --normal: 400;
--medium: 500;
--semi: 600;
--bold: 700;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --rounding-none: 0px;
--rounding-sm: 2px;
--rounding-md: 4px;
--rounding-lg: 8px;
--rounding-full: 9999px;
--border-none: 0px;
--border-md: 1px;
--border-lg: 2px;
--line-height-xs: 1.125rem;
--line-height-sm: 1.25rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.875rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--letter-spacing-xs: 0rem;
--letter-spacing-sm: 0rem;
--letter-spacing-md: 0rem;
--letter-spacing-lg: 0rem;
--letter-spacing-xl: 0rem;
--letter-spacing-2xl: 0rem;
--letter-spacing-3xl: 0rem;
--letter-spacing-4xl: -0.045rem;
--letter-spacing-5xl: -0.0575rem;
--letter-spacing-6xl: -0.075rem;
--interactive-height-sm: 2rem;
--interactive-height-md: 2.5rem;
--interactive-height-lg: 3rem;
--toggle-height-md: 1.5rem;
--spinner-size-sm: 1.25rem;
--spinner-size-md: 1.5rem;
--spinner-size-lg: 1.75rem;
--side-menu-width: 300px;
--header-height: 6rem;
--avatar-size-sm: 1.5rem;
--avatar-size-md: 2rem;
--avatar-size-lg: 3rem;
--badge-size-sm: 1.5rem;
--badge-size-md: 2rem;
--badge-size-lg: 2.5rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .Quxgc {
    width:100%;
  position:relative;
  animation:44s ease-in-out 2s infinite alternate none running animation-eHUqxv;
  background:url("https://terrafenixorgnew.toddle.site/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/terrafenixorgnew:tfbgmobile.jpeg/full") scroll border-box padding-box no-repeat no-repeat left 0% center / cover;
  min-height:100vh;
  background-attachment:fixed;
  }
      

      
  .Quxgc::before {
    top:0px;
  left:0px;
  width:100%;
  height:100%;
  content:'';
  z-index:1;
  position:absolute;
  animation:2s ease-in-out 0ms 1 normal none running animation-empty;
  background:#0a1410d9;
  pointer-events:none;
  }
      

        
                  @keyframes animation-empty {
                    
                  }
                  

                  @keyframes animation-eHUqxv {
                    
                        0% {
                          background: url("https://terrafenixorgnew.toddle.site/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/terrafenixorgnew:tfbgmobile.jpeg/full") fixed padding-box border-box no-repeat no-repeat left center / cover;
                        }
                        

                        100% {
                          background: url("https://terrafenixorgnew.toddle.site/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/terrafenixorgnew:tfbgmobile.jpeg/full") fixed border-box padding-box no-repeat no-repeat right top / cover;
                        }
                        
                  }
                  
      
      
  .frDgGL {
    width:100%;
  height:var(--letter-spacing-6xl);
  display:flex;
  row-gap:0.1rem;
  animation:3s ease 0s 1 normal none running animation-diMMIZ;
  font-size:clamp(2rem, 8vw, var(--text-6xl));
  column-gap:0.1rem;
  align-items:center;
  padding-top:2.5rem;
  flex-direction:row;
  padding-bottom:2.5rem;
  justify-content:center;
  }
      

      
        
                  @keyframes animation-diMMIZ {
                    
                        0% {
                          opacity: 0;
                        }
                        

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .RFQsi {
    width:100%;
  display:flex;
  z-index:2;
  position:relative;
  font-size:1.7rem;
  min-height:100vh;
  overflow-x:hidden;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .ewXgAy {
    filter:drop-shadow(0 0 40px rgba(76, 217, 100, 0.2))          drop-shadow(0 0 40px rgba(59, 150, 247, 0.25))          drop-shadow(0 0 40px rgba(251, 191, 36, 0.15));
  animation:2s ease-in-out 0ms 1 normal none running animation-eajzzj, 2s ease 0ms 1 normal none running animation-empty;
  }
      

      
        

                  @keyframes animation-eajzzj {
                    
                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 0.1 0.1;
                        }
                        

                        100% {
                          rotate: -360deg;
                        }
                        

                        100% {
                          scale: 1 1;
                        }
                        
                  }
                  
      
      
  .eSBXif {
    width:100%;
  height:180px;
  animation:2s ease 0s 1 normal none running animation-cKMTQH;
  font-size:clamp(1rem, 3vw, 1.4rem);
  padding-top:3.4rem;
  }
      

      
        
                  @keyframes animation-cKMTQH {
                    
                        0% {
                          opacity: 0;
                        }
                        

                        50% {
                          opacity: 0;
                        }
                        

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .bmEtOW {
    color:#ffffff;
  font-family:Space Grotesk;
  font-weight:700;
  }
      

      
        
      
      
  
      

      
        
      
      
  .crztLC {
    width:75vw;
  height:6px;
  animation:2s ease-in-out 0ms 1 normal none running animation-fpSNhW, 2s ease 0s 1 normal none running animation-diMMIZ, 2s ease 0ms 1 normal none running animation-fpnvbD;
  background:linear-gradient(to right, #5FB370 0%, #3B96F7 50%, #F5A623 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  border-top-left-radius:var(--rounding-full);
  border-top-right-radius:var(--rounding-full);
  border-bottom-left-radius:var(--rounding-full);
  border-bottom-right-radius:var(--rounding-full);
  }
      

      
        

                  @keyframes animation-fpSNhW {
                    
                        0% {
                          scale: 0.01 0.1;
                        }
                        

                        100% {
                          scale: 1 1;
                        }
                        
                  }
                  

                  @keyframes animation-fpnvbD {
                    
                        0% {
                          background: radial-gradient(#5FB370 0%, #3B96F7 50%, #F5A623 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
                        }
                        
                  }
                  
      
      
  .ftflpn {
    color:#E3E7E5;
  text-align:center;
  font-family:"Plus Jakarta Sans";
  font-weight:var(--medium);
  padding-left:2rem;
  padding-right:2rem;
  letter-spacing:0.2rem;
  }
      

      
        
      
      
  .bWfCax {
    animation:2s ease 0ms 1 normal none running animation-diMMIZ;
  }
      

      
        
      