@layer base {
  
  body, :host {
    /* Color */
    --blue-vivid-050: #E6F6FF;
--blue-vivid-100: #BAE3FF;
--blue-vivid-200: #7CC4FA;
--blue-vivid-300: #47A3F3;
--blue-vivid-400: #2186EB;
--blue-vivid-500: #0967D2;
--blue-vivid-600: #0552B5;
--blue-vivid-700: #03449E;
--blue-vivid-800: #01337D;
--blue-vivid-900: #002159;
--bg-primary: #ffffff;
--bg-secondary: #F5F7FA;
--bg-card: #FFFFFF;
--bg-card-hover: #F5F7FA;
--text-primary: #1F2933;
--text-secondary: #3E4C59;
--text-muted: #616E7C;
--border-color: #CBD2D9;
--tag-bg: rgba(9, 103, 210, 0.1);
--tag-color: #0552B5;
--heading-color: #0967D2;
--cool-grey-050: #F5F7FA;
--cool-grey-100: #E4E7EB;
--cool-grey-200: #CBD2D9;
--cool-grey-300: #9AA5B1;
--cool-grey-400: #7B8794;
--cool-grey-500: #616E7C;
--cool-grey-600: #52606D;
--cool-grey-700: #3E4C59;
--cool-grey-800: #323F4B;
--cool-grey-900: #1F2933;
--orange-vivid-100: #FFD0B5;
--orange-vivid-300: #FF9466;
--orange-vivid-400: #F9703E;
--orange-vivid-500: #F35627;
--cyan-vivid-300: #62F4EB;
--cyan-vivid-400: #3AE7E1;
--cyan-vivid-500: #1CD4D4;
--primary: var(--blue-vivid-500);
--primary-light: var(--blue-vivid-400);
--primary-lighter: var(--blue-vivid-300);
--primary-lightest: var(--blue-vivid-100);
--accent: var(--orange-vivid-500);
--accent-light: var(--orange-vivid-400);
--accent-lighter: var(--orange-vivid-300);
--accent-lightest: var(--orange-vivid-100);
--success: var(--cyan-vivid-500);
--success-light: var(--cyan-vivid-400);
--success-lighter: var(--cyan-vivid-300);
--dark: var(--cool-grey-900);
    /* Fonts */
    --font-plusjakartasans: 'Plus Jakarta Sans',sans-serif;
--font-robotomono: 'Roboto Mono',monospace;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 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;
--semibold: 600;
--bold: 700;
--extrabold: 800;
    /* 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 */
    --space-xs: 0.25rem;
--space-sm: 0.5rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2rem;
--space-2xl: 3rem;
--space-3xl: 4rem;
--space-4xl: 6rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-full: 100%;
--container-max: 75rem;
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 0.75rem;
--radius-full: 50rem;
    /* Z-index */
    --z-base: 0;
--z-dropdown: 10;
--z-sticky: 20;
--z-overlay: 30;
--z-modal: 40;
--z-popover: 50;
--z-toast: 60;
--z-tooltip: 70;
  }
  @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;
    }
  }
}

      
  .bxXRpe {
    color:var(--text-primary);
  width:100%;
  position:relative;
  font-size:clamp(2.8rem, 6vw, 4rem);
  background:#ffffff;
  min-height:100vh;
  overflow-x:hidden;
  transition:background-color 0.3s ease, color 0.3s ease;
  font-family:Plus Jakarta Sans, sans-serif;
  line-height:1.6;
  }
      

      
  .bxXRpe::before {
    top:0px;
  left:0px;
  width:100%;
  height:100%;
  content:'';
  opacity:0.3;
  z-index:0;
  position:fixed;
  background-size:50px 50px;
  background-image:linear-gradient(var(--border-color) 1px, transparent 1px),
                linear-gradient(90deg, var(--border-color) 1px, transparent 1px);
  }
      


  .bxXRpe::after {
    top:-100%;
  left:0px;
  width:100%;
  height:100%;
  content:'';
  z-index:0;
  position:fixed;
  animation:2s ease 0ms 1 normal none running animation-fuVTAg;
  background:rgba(0,255,255,0.08);
  pointer-events:none;
  }
      

        
                  @keyframes animation-fuVTAg {
                    
                        100% {
                          translate: 0 0 0;
                        }
                        
                  }
                  
      
      
  .BEFTq {
    box-sizing:border-box;
  }
      

      
        
      
      
  .EYkOV {
    color:#1f2937;
  margin:0 0 12px 0;
  font-size:18px;
  font-weight:600;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fabnXf {
    margin:0 auto;
  display:flex;
  max-width:800px;
  background:var(--bg-secondary);
  align-items:center;
  padding-top:32px;
  padding-left:32px;
  border-radius:16px;
  padding-right:32px;
  flex-direction:column;
  padding-bottom:32px;
  justify-content:center;
  }
      

      
        
      
      
  .eyIZAy {
    color:#1f2937;;
  margin:0 0 24px 0;
  font-size:var(--text-lg);
  box-sizing:border-box;
  font-weight:var(--semibold);
  }
      

      
        
      
      
  .tXDCz {
    width:20px;
  height:20px;
  display:flex;
  font-size:0.75rem;
  background:var(--border-color);
  transition:all 0.5s ease;
  align-items:center;
  border-radius:50%;
  justify-content:center;
  }
      

      
  .tXDCz.active {
    color:white;
  background:var(--primary);
  }
      


  .tXDCz.completed {
    color:white;
  background:var(--success);
  transition:width 300ms ease  ;
  }
      

        
      
      
  .bzElNd {
    color:#7B8794;;
  padding:2rem;
  font-size:0.9rem;
  box-sizing:border-box;
  text-align:center;
  }
      

      
        
      
      
  .crLZNs {
    gap:8px;
  color:var(--primary);
  border:none;
  cursor:pointer;
  display:inline-flex;
  padding:16px 32px;
  font-size:1.1rem;
  max-width:350px;
  background:white;
  transition:all 0.3s ease;
  align-items:center;
  font-family:'Plus Jakarta Sans', sans-serif;
  font-weight:700;
  border-radius:12px;
  text-decoration:none;
  }
      

      
  .crLZNs:hover {
    transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
  }
      

        
      
      
  .edNcFg {
    color:var(--text-muted);
  animation:;
  font-size:var(--text-sm);
  box-sizing:border-box;
  margin-top:5px;
  transition:all 0.3s ease;
  font-family:Plus Jakarta Sans;
  letter-spacing:0.25px;
  }
      

      
        
      
      
  .dbywId {
    color:white;
  display:flex;
  row-gap:5px;
  overflow:hidden;
  position:relative;
  font-size:0.875rem;
  background: var(--gradient-primary);
  column-gap:5px;
  align-items:center;
  font-family:Plus Jakarta Sans;
  font-weight:700;
  padding-top:8px;
  padding-left:16px;
  border-radius:50px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
  .dbywId::before {
    top:0px;
  left:-100%;
  width:100%;
  height:100%;
  content:'';
  position:absolute;
  animation:2s ease 0ms infinite normal none running animation-bANwgr;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  }
      

        
                  @keyframes animation-bANwgr {
                    
                        0% {
                          left: -100%;
                        }
                        

                        100% {
                          left: 100%;
                        }
                        
                  }
                  
      
      
  .ekLIuc {
    font-size:48px;
  margin-bottom:16px;
  }
      

      
        
      
      
  .dcDrjc {
    flex:1  ;
  display:flex;
  padding:16px;
  min-width:150px;
  background:var(--bg-secondary);
  text-align:center;
  align-items:center;
  border-radius:8px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .coCCre {
    top:16px;
  color:white;
  right:16px;
  display:flex;
  padding:4px 8px;
  z-index:10;
  position:absolute;
  font-size:10px;
  background:#10b981;
  align-items:center;
  font-weight:600;
  border-radius:12px;
  text-transform:uppercase;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dAWBNC {
    margin:0 0 0.75rem 0;;
  font-size:1.1rem;
  box-sizing:border-box;
  }
      

      
        
      
      
  .ffOEaG {
    gap:12px;
  display:flex;
  box-sizing:border-box;
  align-items:flex-start;
  margin-bottom:16px;;
  }
      

      
        
      
      
  .fHvMNf {
    color:brown;
  width:20px;
  height:20px;
  display:flex;
  font-size:16px;
  box-sizing:border-box;
  margin-top:2px;
  align-items:center;
  flex-shrink:0;
  font-weight:bold;;
  border-radius:50%;
  justify-content:center;
  }
      

      
        
      
      
  .eCcvDf {
    color:var(--text-muted);
  animation:1s ease 0ms 1 normal none running animation-bJFfGb;
  font-size:var(--text-xs);
  box-sizing:border-box;
  margin-top:-12px;
  text-align:left;
  transition:all 0.3s ease;
  font-family:Plus Jakarta Sans;
  padding-left:0.25rem;
  padding-right:0.25rem;
  }
      

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

                        30% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .eRmHMZ {
    color:#6b7280;
  display:block;
  font-size:12px;
  font-weight:500;
  margin-bottom:6px;
  }
      

      
        
      
      
  .eQNozw {
    display:flex;
  row-gap:1rem;
  animation:2s ease 0ms 1 normal none running animation-dmOQei;
  column-gap:1rem;
  text-align:center;
  transition:display 300ms ease;
  align-items:center;
  margin-bottom:25px;
  flex-direction:column;
  }
      

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

                        20% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .bCYYq {
    color:var(--text-secondary);
  font-size:0.875rem;
  }
      

      
        
      
      
  .bpEiPc {
    color:var(--heading-color);
  font-size:var(--text-4xl);
  box-sizing:border-box;
  }
      

      
        
      
      
  .AcMIS {
    color:#374151;
  border:1px solid #e5e7eb;
  padding:4px 10px;
  font-size:11px;
  background:#f3f4f6;
  border-radius:12px;
  }
      

      
        
      
      
  .cFjrxo {
    color:#6b7280;
  font-size:12px;
  margin-top:8px;
  line-height:1.4;
  }
      

      
        
      
      
  .bXnahO {
    color:#6b7280;
  font-size:16px;
  box-sizing:border-box;
  line-height:1.5;;
  }
      

      
        
      
      
  .bNEEfG {
    padding:1.5rem;;
  box-sizing:border-box;
  border-color:var(--border-color);
  border-style:solid;
  border-width:1px;
  border-radius:12px;
  background-color:white;
  }
      

      
        
      
      
  .caitrC {
    color:var(--text-primary);
  flex-wrap:wrap;
  font-size:0.875rem;
  align-items:center;
  font-weight:600;
  justify-content:center;
  }
      

      
        
      
      
  .etbstv {
    color:#059669;
  width:20px;
  height:20px;
  display:flex;
  font-size:16px;
  box-sizing:border-box;
  margin-top:2px;
  align-items:center;
  flex-shrink:0;
  font-weight:bold;;
  border-radius:50%;
  justify-content:center;
  }
      

      
        
      
      
  .ekAxoX {
    gap:12px;
  display:flex;
  opacity:0.5;
  transition:opacity 0.5s ease;
  align-items:flex-start;
  margin-bottom:12px;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
  .ekAxoX.loading {
    color:var(--heading-color);
  opacity:1;
  animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      

        
      
      
  .dwOhOX {
    width:88%;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .beFIhd {
    margin:0 0 1rem 0;;
  font-size:1.5rem;
  box-sizing:border-box;
  }
      

      
        
      
      
  .cRXvcO {
    color:var(--text-primary);
  font-size:0.875rem;
  font-weight:600;
  }
      

      
        
      
      
  .crQCBA {
    gap:40px;
  width:100%;
  margin:0 auto;
  display:flex;
  padding:40px 20px;
  z-index:1;
  position:relative;
  max-width:1000px;
  min-height:auto;
  flex-direction:column;
  }
      

      
          @media (max-width: 768px) {
            
  .crQCBA {
    gap:24px;
  max-width:100%;
  padding-top:22px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:22px;
  }
      

          }
          
        
      
      
  .cJYRG {
    gap:16px;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  padding-left:23px;
  padding-right:23px;
  flex-direction:row;
  justify-content:center;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  }
      

      
        
      
      
  .nLHOl {
    display:flex;
  row-gap:17px;
  column-gap:17px;
  align-items:stretch;
  flex-direction:column;
  }
      

      
          @media (max-width: 768px) {
            
  .nLHOl {
    gap:12px;
  flex-direction:column;
  }
      

          }
          
        
      
      
  .bVTVIL {
    gap:8px;
  display:flex;
  font-size:0.875rem;
  align-items:center;
  font-weight:600;
  }
      

      
        
      
      
  .enRpMq {
    margin:0 0 0.5rem 0;;
  font-size:2.5rem;
  box-sizing:border-box;
  letter-spacing:-1px;
  }
      

      
        
      
      
  .bbPoPx {
    gap:0.5rem;;
  display:flex;
  box-sizing:border-box;
  }
      

      
        
      
      
  .cfJkDJ {
    color:var(--text-muted);
  animation:1s ease 0ms 1 normal none running animation-bJFfGb;
  font-size:var(--text-xs);
  box-sizing:border-box;
  margin-top:-12px;
  text-align:left;
  transition:all 0.3s ease;
  font-family:Plus Jakarta Sans;
  padding-left:0.25px;
  padding-right:0.25px;
  }
      

      
        
      
      
  .bgSNav {
    flex:1  ;
  display:flex;
  padding:16px;
  min-width:150px;
  background:var(--bg-secondary);
  text-align:center;
  align-items:center;
  border-radius:8px;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fBumNv {
    font-size:clamp(1.1rem, 2.5vw, 1.4rem);
  font-family:Plus Jakarta Sans;
  }
      

      
        
      
      
  .ferQUn {
    color:var(--text-muted);
  animation:;
  font-size:var(--text-xs);
  box-sizing:border-box;
  margin-top:5px;
  transition:all 0.3s ease;
  font-family:Plus Jakarta Sans;
  letter-spacing:0.25px;
  }
      

      
        
      
      
  .ezjtKi {
    gap:24px;
  display:flex;
  max-width:1200px;;
  box-sizing:border-box;
  }
      

      
        
      
      
  .EMphD {
    color:var(--text-secondary);
  rotate:0 0 1 22deg;
  box-sizing:border-box;
  }
      

      
        
      
      
  .fHkENt {
    display:flex;
  animation:2s ease 0ms 1 normal none running animation-dnYrHx;
  box-sizing:border-box;
  align-items:flex-start;
  justify-content:center;
  transform-origen:bottom left;
  }
      

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

                        0% {
                          scale: 0 0 0;
                        }
                        

                        40% {
                          opacity: 1;
                        }
                        

                        40% {
                          scale: 1 1 1;
                        }
                        
                  }
                  
      
      
  .dXOQQr {
    flex:1;
  padding:32px;
  background:white;;
  box-sizing:border-box;
  border-color:var(--border-color);
  border-style:solid;
  border-width:1px;
  border-radius:16px;
  }
      

      
        
      
      
  .mmhtg {
    color:#616E7C;
  box-sizing:border-box;
  margin-top:0.5rem;
  margin-bottom:1.5rem;;
  }
      

      
        
      
      
  .brqxVU {
    gap:0.5rem;;
  color:white;
  border:none;
  cursor:pointer;
  display:flex;
  padding:0.75rem 1.5rem;
  font-size:1rem;
  box-sizing:border-box;
  align-items:center;
  font-weight:600;
  border-radius:8px;
  background-color:#0967D2;
  }
      

      
        
      
      
  .cKUaqO {
    padding:4rem 0;
  box-sizing:border-box;
  padding-top:var(--space-3xl);
  border-bottom:1px solid #E4E7EB;;
  padding-bottom:var(--space-3xl);
  border-bottom-color:var(--blue-vivid-200);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .yeNct {
    padding-top:var(--space-3xl);
  padding-bottom:var(--space-3xl);
  border-bottom-color:var(--blue-vivid-200);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .bOtiaS {
    opacity:0.9;
  font-size:1rem;
  margin-bottom:24px;
  }
      

      
        
      
      
  .dCgIFt {
    margin-top:16px;
  }
      

      
        
      
      
  .ewvmfO {
    border:1px solid #CBD2D9;
  padding:1.5rem;;
  box-sizing:border-box;
  border-radius:12px;
  background-color:white;
  }
      

      
        
      
      
  .dWNBrp {
    color:var(--text-muted);
  font-size:0.75rem;
  font-weight:600;
  margin-bottom:4px;
  text-transform:uppercase;
  }
      

      
        
      
      
  .ejMlEc {
    gap:32px;
  display:flex;
  animation:2s ease 0ms 1 normal none running animation-dxShGP;
  flex-direction:column;
  }
      

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

                        0% {
                          translate: 0 20px 0;
                        }
                        

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .fhobae {
    margin:0;;
  padding:0px;
  box-sizing:border-box;
  list-style:none;
  }
      

      
        
      
      
  .bkNgzg {
    color:var(--heading-color);
  font-size:1.25rem;
  }
      

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

      
        
                  @keyframes animation-empty {
                    
                  }
                  

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

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .dGXiuB {
    gap:12px;
  display:flex;
  opacity:0.5;
  transition:opacity 0.5s ease;
  align-items:flex-start;
  margin-bottom:12px;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
  .dGXiuB.loading {
    color:var(--heading-color);
  opacity:1;
  animation:2s ease 0ms 1 normal none running animation-diMMIZ;
  }
      

        
      
      
  .fHdAJN {
    color:#6b7280;
  margin:0 0 16px 0;
  font-size:14px;
  font-style:italic;
  line-height:1.5;
  }
      

      
        
      
      
  .zCbkr {
    border:1px solid #CBD2D9;
  padding:2rem;
  box-shadow:0 10px 25px -5px rgba(0,0,0,0.04);
  box-sizing:border-box;
  text-align:center;;
  border-radius:16px;
  background-color:white;
  }
      

      
        
      
      
  .bKSHWV {
    color:#52606D;
  margin:0;;
  box-sizing:border-box;
  line-height:1.6;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dhgCBa {
    gap:8px;
  display:flex;
  font-size:0.875rem;
  background:var(--cool-grey-050);
  box-shadow:0px 2px 4px 0px #00000020;
  align-items:center;
  font-weight:600;
  padding-top:0.5rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-bottom:0.5rem;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .fsTYKf {
    width:90%;
  display:flex;
  align-items:flex-start;
  margin-bottom:1rem;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eTTwUO {
    gap:6px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  }
      

      
        
      
      
  .yLvvo {
    animation:;
  }
      

      
        
      
      
  .cpGiaA {
    color:var(--text-secondary);
  font-size:clamp(1.1rem, 2.5vw, 1.5rem);
  max-width:700px;
  margin-bottom:24px;
  }
      

      
        
      
      
  .vDJlz {
    color:var(--text-secondary);
  margin-bottom:20px;
  }
      

      
        
      
      
  .eIBaoC {
    display:flex;
  box-sizing:border-box;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dWGlNj {
    color:var(--text-secondary);
  font-size:clamp(1.1rem, 2.5vw, 1.4rem);
  max-width:700px;
  margin-bottom:24px;
  }
      

      
        
      
      
  .BHmZV {
    border:1px solid #CBD2D9;
  padding:0.75rem 1rem;
  flex-grow:1;
  font-size:1rem;;
  box-sizing:border-box;
  border-radius:8px;
  }
      

      
        
      
      
  .dbltT {
    gap:3rem;
  display:flex;
  flex-wrap:wrap;;
  box-sizing:border-box;
  align-items:center;
  flex-direction:row;
  }
      

      
        
      
      
  .bEtAkr {
    width:100%;
  text-align:center;
  margin-bottom:32px;
  }
      

      
        
      
      
  .eZZSbG {
    gap:20px;
  display:flex;
  flex-direction:column;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  }
      

      
        
      
      
  .dOLHkl {
    margin:16px 0;
  border-top:1px solid #e5e7eb;
  padding-top:12px;
  }
      

      
        
      
      
  .cRMyQu {
    box-sizing:border-box;
  text-align:center;
  margin-bottom:3rem;;
  }
      

      
        
      
      
  .drvtcB {
    color:var(--text-primary);
  font-size:1.75rem;
  font-weight:800;
  margin-bottom:8px;
  }
      

      
        
      
      
  .dHYNrj {
    display:flex;
  z-index:1;
  position:relative;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dDXcJP {
    font-size:1.75rem;
  font-weight:800;
  margin-bottom:12px;
  }
      

      
        
      
      
  .vfwLp {
    color:var(--text-primary);
  animation:2s ease-in-out 0ms infinite normal none running animation-fiwLvA;
  font-size:clamp(2.8rem, 6vw, 4.5rem);
  background:var(--gradient-glow);
  margin-top:0.5rem;
  font-family:Plus Jakarta Sans;
  font-weight:800;
  line-height:1.2;
  margin-bottom:0.5rem;
  letter-spacing:-0.02em;
  padding-bottom:0.5rem;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  }
      

      
        
                  @keyframes animation-fiwLvA {
                    
                        0% {
                          filter: hue-rotate(0deg);
                        }
                        

                        0% {
                          opacity: 1;
                        }
                        

                        30.000000000000004% {
                          filter: hue-rotate(30deg);
                        }
                        

                        60.00000000000001% {
                          filter: hue-rotate(0deg);;
                        }
                        
                  }
                  
      
      
  .bocSJd {
    gap:12px;
  display:flex;
  box-sizing:border-box;
  align-items:flex-start;
  margin-bottom:0;;
  }
      

      
        
      
      
  .fFEnPy {
    font-size:1.5rem;;
  box-sizing:border-box;
  margin-top:0px;
  }
      

      
        
      
      
  .eshDlr {
    gap:32px;
  padding:40px 0;
  align-items:center;
  flex-direction:column;
  }
      

      
  .eshDlr:active {
    display:flex;
  }
      

        
      
      
  .eBoJFx {
    border:2px solid var(--primary);
  display:flex;
  background:var(--bg-card);
  text-align:center;
  align-items:center;
  padding-top:32px;
  padding-left:32px;
  border-radius:16px;
  padding-right:32px;
  flex-direction:column;
  padding-bottom:32px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .caJIdO {
    font-size:1.2rem;
  }
      

      
        
      
      
  .cTZTgt {
    font-size:var(--text-xs);
  font-style:italic;
  font-family:Plus Jakarta Sans;
  padding-top:var(--space-sm);
  padding-left:var(--space-sm);
  padding-right:var(--space-sm);
  padding-bottom:var(--space-sm);
  }
      

      
        
      
      
  .fszdWu {
    width:90%;
  margin:0 auto;
  display:flex;
  overflow:hidden;
  position:relative;
  animation:2s ease 0ms 1 normal none running animation-dmOQei;
  max-width:768px;
  background:var(--bg-secondary);
  box-shadow:0px 2px 4px 0px #00000020;
  min-height:400px;
  text-align:center;
  transition:width 300ms ease;
  padding-top:44px;
  border-color:var(--blue-vivid-200);
  border-style:Solid;
  border-width:2px;
  padding-left:44px;
  border-radius:24px;
  padding-right:44px;
  flex-direction:column;
  padding-bottom:44px;
  justify-content:center;
  }
      

      
          @media (max-width: 768px) {
            
  .fszdWu {
    padding:32px 24px;
  }
      

          }
          
        
      
      
  .ecAqlv {
    font-size:1.25rem;
  }
      

      
        
      
      
  .TRKXr {
    flex:1;
  color:var(--text-primary);
  width:100%;
  border:2px solid var(--border-color);
  animation:1s ease 0ms 1 normal none running animation-bJFfGb;
  font-size:1rem;
  background:var(--bg-card);
  transition:all 0.3s ease;
  font-family:'Plus Jakarta Sans', sans-serif;
  padding-top:16px;
  padding-left:20px;
  border-radius:12px;
  padding-right:20px;
  padding-bottom:16px;
  }
      

      
  .TRKXr:focus-visible {
    outline:none;
  box-shadow:0 0 0 3px rgba(9, 103, 210, 0.1);
  border-color:var(--primary);
  }
      


  .TRKXr::placeholder {
    color:var(--text-muted);
  transition:flex 300ms ease;
  }
      

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

                        0% {
                          translate: 0 -22px 0;
                        }
                        

                        30% {
                          opacity: 1;
                        }
                        

                        30% {
                          translate: 0px 0px 0;
                        }
                        
                  }
                  
      
      
  .WaEKu {
    color:#52606D;
  box-sizing:border-box;
  line-height:1.7;
  margin-bottom:0;;
  }
      

      
        
      
      
  .esmKbE {
    color:var(--heading-color);
  font-size:1.5rem;
  margin-bottom:8px;
  }
      

      
        
      
      
  .elgPbM {
    gap:8px;
  display:flex;
  font-size:0.875rem;
  align-items:center;
  font-weight:600;
  padding-right:0.25rem;
  }
      

      
        
      
      
  .cczIYc {
    max-width:400px;
  text-align:center;
  }
      

      
        
      
      
  .bnOJxR {
    width:100%;
  margin:0 auto;;
  max-width:250px;
  box-sizing:border-box;
  flex-shrink:0;
  border-radius:12px;
  }
      

      
        
      
      
  .kSMhV {
    color:var(--text-primary);
  display:flex;
  flex-wrap:wrap;
  font-size:1.5rem;
  transition:color 300ms ease  ;
  align-items:flex-start;
  font-weight:700;
  margin-bottom:16px;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .eLWENQ {
    gap:1.5rem;
  margin:0 auto;;
  display:flex;
  max-width:700px;
  box-sizing:border-box;
  flex-direction:column;
  }
      

      
        
      
      
  .RYnuU {
    flex:1;
  color:var(--text-primary);
  width:100%;
  border:2px solid var(--border-color);
  padding:16px 20px;
  font-size:1rem;
  background:var(--bg-card);
  transition:all 0.3s ease;
  font-family:'Plus Jakarta Sans', sans-serif;
  border-radius:12px;
  }
      

      
  .RYnuU:focus-visible {
    outline:none;
  box-shadow:0 0 0 3px rgba(9, 103, 210, 0.1);
  border-color:var(--primary);
  }
      


  .RYnuU::placeholder {
    color:var(--text-muted);
  }
      

        
      
      
  .EDIEj {
    color:var(--blue-vivid-050);
  display:inline-block;
  padding:8px 16px;
  font-size:14px;
  background: var(--tag-color);
  font-weight:500;
  border-radius:20px;
  }
      

      
        
      
      
  .ewNSWF {
    color:white;
  padding:40px;
  overflow:hidden;
  position:relative;
  background:var(--gradient-primary);
  text-align:center;
  border-radius:20px;
  }
      

      
  .ewNSWF::before {
    top:-50%;
  left:-50%;
  width:200%;
  height:200%;
  content:'';
  position:absolute;
  animation:;
  background:repeating-linear-gradient(
                45deg,
                transparent,
                transparent 10px,
                rgba(255, 255, 255, 0.05) 10px,
                rgba(255, 255, 255, 0.05) 20px
            );
  }
      

        
      
      
  .evfCEN {
    color:white;
  font-size:14px;
  background:linear-gradient(135deg, var(--heading-color) 0%, var(--blue-vivid-300) 100%);
  text-align:center;
  font-weight:300;
  padding-top:12px;
  padding-left:12px;
  border-radius:12px;
  margin-bottom:32px;
  padding-right:12px;
  padding-bottom:12px;
  }
      

      
        
      
      
  .dYXGTP {
    gap:8px;
  color:white;
  border:none;
  cursor:pointer;
  display:flex;
  padding:16px 24px;
  font-size:1rem;
  background:var(--gradient-primary);
  margin-top:1rem;
  transition:all 0.3s ease;
  align-items:center;
  font-family:'Plus Jakarta Sans', sans-serif;
  font-weight:700;
  white-space:nowrap;
  border-radius:12px;
  justify-content:center;
  }
      

      
  .dYXGTP:hover {
    transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(9, 103, 210, 0.3);
  }
      


  .dYXGTP:disabled {
    cursor:not-allowed;
  opacity:0.6;
  transform:none;
  }
      


          @media (max-width: 768px) {
            
  .dYXGTP {
    justify-content:center;
  }
      

          }
          
        
      
      
  .eyVPLS {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .bwSFVk {
    width:100%;
  border:1px solid #e5e7eb;
  display:flex;
  padding:24px;
  row-gap:auto;
  position:relative;
  background:white;
  box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);
  column-gap:auto;
  text-align:center;
  align-items:center;
  border-radius:16px;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
  .bwSFVk:hover {
    transform:translateY(-2px);
  box-shadow:0 8px 25px -5px rgba(0, 0, 0, 0.1);
  transition:all 0.2s ease-in-out;
  }
      

        
      
      
  .dXoDbw {
    color:var(--primary);
  font-size:1.5rem;
  margin-bottom:8px;
  }
      

      
        
      
      
  .udPwn {
    color:var(--text-secondary);
  width:100%;
  font-size:var(--text-2xl);
  box-sizing:border-box;
  font-weight:var(--medium);
  }
      

      
        
      
      
  .fukhAS {
    flex:1 1 0%;
  min-width:300px;
  box-sizing:border-box;
  }
      

      
        
      
      
  .dFLpqd {
    width:80px;
  height:80px;
  display:flex;
  position:relative;
  animation:2s ease 0ms infinite normal none running animation-bbYzAV;
  font-size:2rem;
  background:var(--gradient-primary);
  align-items:center;
  border-radius:50%;
  justify-content:center;
  }
      

      
  .dFLpqd::before {
    top:-4px;
  left:-4px;
  right:-4px;
  bottom:-4px;
  content:'';
  z-index:-1;
  position:absolute;
  animation:2s ease 0ms 1 normal none running animation-cYKjHD;
  background:var(--gradient-glow);
  border-radius:50%;
  }
      

        
                  @keyframes animation-bbYzAV {
                    
                        0% {
                          scale: 1 1;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        50% {
                          scale: 1.1 1.1 1;
                        }
                        

                        100% {
                          scale: 1 1;
                        }
                        

                        100% {
                          rotate: 0 0 1 359deg;
                        }
                        
                  }
                  

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

                        100% {
                          rotate: 360deg;
                        }
                        
                  }
                  
      
      
  .bCIBsb {
    color:#52606D;
  box-sizing:border-box;
  line-height:1.7;
  margin-bottom:1rem;;
  }
      

      
        
      
      
  .csgoJa {
    width:fit-content;
  font-size:1.25rem;
  transform:scale(-1, 1);
  }
      

      
        
      
      
  .bkCmiC {
    opacity:0.8;
  font-size:0.75rem;
  box-sizing:border-box;
  margin-top:16px;;
  }
      

      
        
      
      
  .chCXja {
    display:flex;
  row-gap:2.5rem;
  animation:2s ease 0ms 1 normal none running animation-eEdboC;
  flex-wrap:wrap;
  column-gap:2.5rem;
  align-items:center;
  justify-content:center;
  }
      

      
          @media (max-width: 768px) {
            
  .chCXja {
    gap:16px;
  flex-direction:column;
  }
      

          }
          
        
                  @keyframes animation-eEdboC {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        10% {
                          translate: 0 -16px;
                        }
                        

                        20% {
                          translate: 0 0;
                        }
                        

                        30% {
                          translate: 0 -4px;
                        }
                        

                        40% {
                          translate: 0 0;
                        }
                        
                  }
                  
      
      
  .epdxJF {
    padding-top:var(--space-2xl);
  padding-bottom:var(--space-2xl);
  border-bottom-color:var(--blue-vivid-200);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }