@layer base {
  
  body, :host {
    /* Color */
    --bg: var(--light-bg);
--card: var(--light-card);
--card-secondary: var(--light-card-secondary);
--text: var(--light-text);
--text-secondary: var(--light-text-secondary);
--primary: var(--light-primary);
--secondary: var(--light-secondary);
--accent: var(--light-accent);
--border-color: var(--light-border-color);
--light-bg: #fafafa;
--light-card: #FFFFFF;
--light-card-secondary: #F2F2F2;
--light-text: #2c2c2c;
--light-text-secondary: #7E7E7E;
--light-primary: #1F52F1;
--light-secondary: #7E7E7E;
--light-accent: #7E7E7E;
--light-border-color: #e0e0e0;
--dark-bg: #1D1D1D;
--dark-card: #282828;
--dark-card-secondary: #363636;
--dark-text: #FFFFFF;
--dark-text-secondary: #C7C7C7;
--dark-primary: #3D5FF5;
--dark-secondary: #C7C7C7;
--dark-accent: #C7C7C7;
--dark-border-color: #545454;
    /* Fonts */
    --font-plusjakartasans: 'Plus Jakarta Sans',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* 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 */
    
    /* 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;
    }
  }
}

      
  .eyAmaz {
    width:100%;
  height:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eRSuhd {
    transition:all 500ms ease 0ms;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cmmtbr {
    color:var(--text, #2c2c2c);
  width:100vw;
  height:100vh;
  display:flex;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:flex-start;
  font-family:'Plus Jakarta Sans';
  letter-spacing:-0.5px;
  justify-content:space-between;
  background-color:var(--card, #FFFFFF);
  }
      

      
        
      
      
  .dCvRVq {
    color:var(--dark-text, #FFFFFF);
  width:100%;
  cursor:pointer;
  height:3.75rem;
  font-size:var(--font-size-xl);
  background:linear-gradient(to bottom right, #16bafb 0%, #1f77f3 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  box-shadow:0px 16px 16px 0px #00000020;
  transition:all 300ms ease;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-semi-bold);
  letter-spacing:-0.5px;
  justify-content:center;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
  .dCvRVq:active {
    scale:0.95 0.95 1;
  box-shadow:0px 0px 0px 0px #00000000;
  }
      

        
      
      
  .dwvUUO {
    width:100%;
  display:flex;
  align-items:flex-start;
  font-family:'Plus Jakarta Sans';
  justify-content:flex-start;
  }
      

      
        
      
      
  .bqtJyI {
    color:var(--text-secondary);
  width:100%;
  display:flex;
  font-size:var(--font-size-sm);
  text-align:left;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-semi-bold);
  justify-content:flex-start;
  text-decoration-line:underline;
  text-decoration-style:solid;
  text-decoration-thickness:1px;
  }
      

      
        
      
      
  .cvKTtv {
    width:45px;
  height:auto;
  border-top-left-radius:0.75rem;
  border-top-right-radius:0.75rem;
  border-bottom-left-radius:0.75rem;
  border-bottom-right-radius:0.75rem;
  }
      

      
        
      
      
  .dCQTOn {
    width:100%;
  row-gap:2rem;
  column-gap:2rem;
  font-family:inherit;
  padding-top:2rem;
  padding-left:2rem;
  padding-right:2rem;
  padding-bottom:3rem;
  }
      

      
        
      
      
  .frkkqW {
    gap:0.5rem;
  width:100%;
  font-family:inherit;
  }
      

      
        
      
      
  .cEZUfB {
    display:flex;
  row-gap:1rem;
  column-gap:1rem;
  align-items:center;
  font-family:inherit;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fzQDuX {
    color:var(--text-dark, #ffffff);
  flex-direction:row;
  }
      

      
        
      
      
  .Signup\:CB3t3S83ACLlfi_4YnzVI {
    flex-direction:row;
  }
      

      
        
      
      
  .eQjnTF {
    font-size:var(--font-size-2xl);
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  letter-spacing:-1.5px;
  }
      

      
        
      
      
  .ePmzpU {
    color:#ff2e2e;
  }
      

      
        
      
      
  .caLHkI {
    color:var(--dark-text, #FFFFFF);
  width:100%;
  cursor:pointer;
  height:3.75rem;
  display:flex;
  row-gap:0.5rem;
  font-size:var(--font-size-lg);
  background:linear-gradient(to bottom right, #16bafb 0%, #1f77f3 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  box-shadow:0px 16px 16px 0px #00000020;
  column-gap:0.5rem;
  transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-semi-bold);
  flex-direction:row;
  letter-spacing:-0.5px;
  justify-content:center;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
  .caLHkI:hover {
    scale:0.95 0.95 1;
  box-shadow:0px 0px 0px 0px #00000020;
  }
      

        
      
      
  .cjOxJQ {
    color:var(--text);
  font-size:var(--font-size-4xl);
  text-align:left;
  font-family:inherit;
  font-weight:var(--font-weight-semi-bold);
  letter-spacing:-1.5px;
  }
      

      
        
      
      
  .emtlUB {
    color:var(--text, #2c2c2c);
  width:100%;
  height:3.5rem;
  font-size:var(--font-size-base);
  background:var(--card);
  transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  font-family:inherit;
  border-color:var(--text-secondary);
  border-style:solid;
  border-width:1px;
  padding-left:1rem;
  border-radius:1rem;
  padding-right:1rem;
  }
      

      
  .emtlUB:focus {
    color:var(--text);
  box-shadow:0px 0px 0px 0px #00000020;
  border-color:#7e7e7e66;
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .faSZnO {
    display:flex;
  row-gap:0.5rem;
  column-gap:0.5rem;
  align-items:center;
  font-family:inherit;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .bxVqeg {
    font-size:var(--font-size-2xl);
  text-align:left;
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .eFwCHs {
    gap:1rem;
  width:100%;
  height:100%;
  position:absolute;
  transition:translate 250ms ease 0ms normal;
  align-items:center;
  justify-content:center;
  }
      

      
  .eFwCHs.hidden-right {
    translate:105%;
  }
      


  .eFwCHs.hidden-left {
    translate:-105%;
  }
      

        
      
      
  
      

      
        
      
      
  .bWwRkl {
    width:100%;
  row-gap:1.5rem;
  column-gap:1.5rem;
  font-family:inherit;
  }
      

      
        
      
      
  .gtXao {
    color:var(--text-secondary);
  font-size:var(--font-size-xl);
  text-align:left;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .bGpceD {
    top:14%;
  width:100%;
  display:flex;
  position:absolute;
  align-items:flex-start;
  padding-left:2rem;
  padding-right:2rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .cAOXUA {
    width:100%;
  row-gap:1rem;
  column-gap:1rem;
  font-family:inherit;
  flex-direction:column;
  }
      

      
        
      
      
  .bNhNMn {
    width:100%;
  display:flex;
  background:var(--card);
  box-shadow:0px -16px 16px -16px #00000020;
  max-height:100%;
  min-height:45%;
  align-items:flex-start;
  border-color:var(--card-secondary);
  border-style:solid;
  border-width:1px;
  backdrop-filter:blur(10px);
  justify-content:flex-start;
  }
      

      
        
      
      
  .fuIpbz {
    width:100%;
  display:flex;
  row-gap:1rem;
  column-gap:1rem;
  align-items:center;
  font-family:inherit;
  padding-top:4rem;
  padding-left:1rem;
  flex-direction:row;
  padding-bottom:1rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fnAHZd {
    color:var(--text-secondary);
  width:fit-content;
  cursor:pointer;
  font-size:var(--font-size-sm);
  text-align:center;
  transition:all 300ms ease;
  font-family:inherit;
  font-weight:var(--font-weight-semi-bold);
  text-decoration-line:underline;
  }
      

      
  .fnAHZd:hover {
    scale:0.95 0.95 1;
  }
      

        
      
      
  .cEeoFI {
    top:5rem;
  left:-14rem;
  width:600px;
  height:auto;
  rotate:0 0 1 -15deg;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .egkcwx {
    width:fit-content;
  }
      

      
        
      
      
  .RrVfh {
    color:var(--primary, #3D5FF5);
  }