.navbar,
.navbar * {
  box-sizing: border-box;
}
.navbar {
  background: var(--darkcolour, #2e333a);
  padding: 30px 80px 30px 80px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 1920px;
  position: sticky;
}
.frame-33527 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.image-1 {
  flex-shrink: 0;
  width: 200px;
  height: 60.81px;
  position: relative;
}
.frame-33589 {
  display: flex;
  flex-direction: row;
  gap: 70px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button {
  background: var(--darkcolour, #2e333a);
  border-radius: 12px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  padding: 10px 40px 10px 40px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --new-mt-nav-box-shadow,
    6.22px 6.22px 18.67px 0px rgba(0, 0, 0, 1),
    -6.22px -6.22px 18.67px 0px rgba(59, 68, 81, 1)
  );
  overflow: hidden;
}
.sign-in {
  color: var(--blue-grey, #b2c2cb);
  text-align: center;
  font: 600 27px/130% "Poppins", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-m-t-btn {
  background: var(--darkcolour, #2e333a);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --new-mt-nav-box-shadow,
    6.22px 6.22px 18.67px 0px rgba(0, 0, 0, 1),
    -6.22px -6.22px 18.67px 0px rgba(59, 68, 81, 1)
  );
}
.discord {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-33563 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}

.frame-33540,
.frame-33540 * {
  box-sizing: border-box;
}
.frame-33540 {
  background: var(--darkcolour, #2e333a);
  padding: 50px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1920px;
  position: relative;
  overflow: hidden;
}
.group-33540 {
  flex-shrink: 0;
  width: 2420px;
  height: 1942px;
  position: static;
}
.screens {
  width: 2420px;
  height: 1539px;
  position: static;
}
.group-33538 {
  width: 1828.88px;
  height: 1065.23px;
  position: static;
}
.dashboard-1 {
  width: 590.02px;
  height: 544.63px;
  position: absolute;
  left: calc(50% - 2.1px);
  top: calc(50% - 477.52px);
  transform-origin: 0 0;
  transform: rotate(-45deg) scale(1.125, 0.857);
}
.chat-bot {
  width: 590.92px;
  height: 571.86px;
  position: absolute;
  left: calc(50% - -904.25px);
  top: calc(50% - 491.45px);
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1.125, 0.857);
}
.boards {
  width: 590.92px;
  height: 544.63px;
  position: absolute;
  left: calc(50% - 21.23px);
  top: calc(50% - 457.77px);
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1.125, 0.857);
}
.gradient {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(14, 14, 14, 1) 59.89583134651184%,
    rgba(14, 14, 14, 0) 100%
  );
  width: 2420px;
  height: 1139px;
  position: absolute;
  left: 0px;
  top: 561px;
}
.group-33539 {
  width: 1920px;
  height: 1136.66px;
  position: static;
}
.content-rows {
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
  justify-content: center;
  width: 1920px;
  position: absolute;
  left: 0px;
  top: 973px;
  overflow: hidden;
}
.text-block {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.headline {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.ic-round-restaurant-menu {
  padding: 19px 3px 19px 3px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.title {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.a-single-source-of-truth {
  color: var(--lighttext, #ffffff);
  text-align: left;
  font: var(--poppins-semi-bold-23, 600 23px/130% "Poppins", sans-serif);
  position: relative;
}
.paragraphe {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.when-you-add-work-to-your-slate-calendar-we-automatically-calculate-useful-insights {
  color: var(--lighttext, #ffffff);
  text-align: left;
  font: var(--poppins-18-medium, 500 18px/130% "Poppins", sans-serif);
  position: relative;
}
.mdi-alien-outline {
  padding: 15px 2px 15px 2px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.intuitive-interface {
  color: var(--lighttext, #ffffff);
  text-align: left;
  font: var(--poppins-semi-bold-23, 600 23px/130% "Poppins", sans-serif);
  position: relative;
}
.mdi-all-inclusive {
  padding: 17px 0px 17px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.or-with-rules {
  color: var(--lighttext, #ffffff);
  text-align: left;
  font: var(--poppins-semi-bold-23, 600 23px/130% "Poppins", sans-serif);
  position: relative;
}
.frame-181 {
  background: var(--darkcolour, #2e333a);
  border-radius: 25px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 70px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 190px;
  top: 50px;
  box-shadow: var(
    --new-mt-components-box-shadow,
    -7px -7px 30px 0px rgba(38, 46, 50, 1),
    14px 14px 40px 0px rgba(16, 16, 18, 0.75)
  );
}
.hero-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.year-s-end-is-neither-an-end-nor-a-beginning-but-a-going-on {
  color: #ffffff;
  text-align: left;
  font: var(--poppins-69-medium, 500 69px/130% "Poppins", sans-serif);
  position: relative;
  width: 969px;
}
.join-us-to-celebrate-the-last-night-of-the-year-across-the-country {
  color: #ffffff;
  text-align: left;
  font: var(--poppins-28-medium, 500 28px/130% "Poppins", sans-serif);
  position: relative;
  width: 536px;
}
.frame-33590 {
  display: flex;
  flex-direction: column;
  gap: 70px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button {
  background: var(--darkcolour, #2e333a);
  border-radius: 12px;
  border-style: solid;
  border-color: #0ed2f6;
  border-width: 1px;
  padding: 20px 40px 20px 40px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --new-mt-nav-box-shadow,
    6.22px 6.22px 18.67px 0px rgba(0, 0, 0, 1),
    -6.22px -6.22px 18.67px 0px rgba(59, 68, 81, 1)
  );
  overflow: hidden;
}
.create-account {
  color: var(--secondary-blue, #0ed2f6);
  text-align: center;
  font: 600 27px/130% "Poppins", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.people {
  flex-shrink: 0;
  width: 343px;
  height: 61px;
  position: static;
}
._23547-registrations {
  color: #ffffff;
  text-align: left;
  font: 400 18px/120% "Poppins", sans-serif;
  position: absolute;
  left: 154px;
  top: 168px;
}
.group-147 {
  width: 134px;
  height: 61px;
  position: static;
}
.ellipse-490 {
  border-radius: 50%;
  border-style: solid;
  border-color: transparent;
  border-width: 3px;
  width: 60.91px;
  height: 61px;
  position: absolute;
  left: 0px;
  top: 145px;
  backdrop-filter: blur(10px);
}
.ellipse-491 {
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(58, 25, 41, 1) 0%,
    rgba(58, 25, 41, 0) 100%
  );
  border-image-slice: 1;
  width: 60.91px;
  height: 61px;
  position: absolute;
  left: 36.54px;
  top: 145px;
  backdrop-filter: blur(10px);
}
.ellipse-492 {
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(58, 25, 41, 1) 0%,
    rgba(58, 25, 41, 0) 72.87659645080566%
  );
  border-image-slice: 1;
  width: 60.91px;
  height: 61px;
  position: absolute;
  left: 73.09px;
  top: 145px;
  backdrop-filter: blur(10px);
}
.sign-in-1-a {
  padding: 60px 80px 100px 80px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 1920px;
  position: absolute;
  left: 0px;
  top: 1187px;
}
.frame-33537 {
  background: var(--darkcolour, #2e333a);
  border-radius: 25px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --new-mt-components-box-shadow,
    -7px -7px 30px 0px rgba(38, 46, 50, 1),
    14px 14px 40px 0px rgba(16, 16, 18, 0.75)
  );
}
.sign-in-your-account {
  color: var(--secondary-blue, #0ed2f6);
  text-align: left;
  font: var(--poppins-semi-bold-35, 600 35px/130% "Poppins", sans-serif);
  position: relative;
}
.frame-6903 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-6893 {
  display: flex;
  flex-direction: column;
  gap: 35px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-6892 {
  display: flex;
  flex-direction: column;
  gap: 35px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.name {
  color: var(--secondary-bluelight-1, #72e4f9);
  text-align: left;
  font: var(--poppins-23-medium, 500 23px/130% "Poppins", sans-serif);
  position: relative;
}
.input-container {
  background: var(--darkcolour, #2e333a);
  border-radius: 10px;
  border-style: solid;
  border-color: var(--secondary-blue, #0ed2f6);
  border-width: 1px;
  padding: 12px 20px 12px 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 350px;
  height: 47px;
  position: relative;
  box-shadow: var(
    --new-m-tbtninner-box-shadow,
    inset 3.73px 3.73px 6.22px 0px rgba(0, 0, 0, 1),
    inset -6.22px -6.22px 6.22px 0px rgba(59, 68, 81, 1)
  );
  overflow: hidden;
}
.delvin-tharayil {
  color: var(--blue-grey, #b2c2cb);
  text-align: left;
  font: var(--poppins-18-medium, 500 18px/130% "Poppins", sans-serif);
  position: relative;
}
.email {
  color: var(--secondary-bluelight-1, #72e4f9);
  text-align: left;
  font: var(--poppins-23-medium, 500 23px/130% "Poppins", sans-serif);
  position: relative;
}
.input-container2 {
  background: var(--darkcolour, #2e333a);
  border-radius: 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  padding: 15px 20px 15px 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 350px;
  height: 47px;
  position: relative;
  box-shadow: var(
    --new-m-tbtninner-box-shadow,
    inset 3.73px 3.73px 6.22px 0px rgba(0, 0, 0, 1),
    inset -6.22px -6.22px 6.22px 0px rgba(59, 68, 81, 1)
  );
  overflow: hidden;
}
.tharayildelvin-gmail-com {
  color: var(--blue-grey, #b2c2cb);
  text-align: left;
  font: var(--poppins-18-medium, 500 18px/130% "Poppins", sans-serif);
  position: relative;
}
.frame-6896 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.password {
  color: var(--secondary-bluelight-1, #72e4f9);
  text-align: left;
  font: var(--poppins-23-medium, 500 23px/130% "Poppins", sans-serif);
  position: relative;
}
.input-container3 {
  background: var(--darkcolour, #2e333a);
  border-radius: 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  padding: 15px 20px 15px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 350px;
  height: 47px;
  position: relative;
  box-shadow: var(
    --new-m-tbtninner-box-shadow,
    inset 3.73px 3.73px 6.22px 0px rgba(0, 0, 0, 1),
    inset -6.22px -6.22px 6.22px 0px rgba(59, 68, 81, 1)
  );
  overflow: hidden;
}
._400-tharayil-001-axie {
  color: var(--blue-grey, #b2c2cb);
  text-align: left;
  font: var(--poppins-18-medium, 500 18px/130% "Poppins", sans-serif);
  position: relative;
}
.ion-eye {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
}
.group-33536 {
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.forgot-your-password {
  color: var(--secondary-bluelight-1, #72e4f9);
  text-align: center;
  font: var(--poppins-14-medium, 500 14px/130% "Poppins", sans-serif);
  position: relative;
}
.button2 {
  background: var(--darkcolour, #2e333a);
  border-radius: 12px;
  border-style: solid;
  border-color: #0ed2f6;
  border-width: 1px;
  padding: 10px 40px 10px 40px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --new-mt-nav-box-shadow,
    6.22px 6.22px 18.67px 0px rgba(0, 0, 0, 1),
    -6.22px -6.22px 18.67px 0px rgba(59, 68, 81, 1)
  );
  overflow: hidden;
}
.sign-in {
  color: var(--secondary-blue, #0ed2f6);
  text-align: center;
  font: 600 27px/130% "Poppins", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Figma Styles of your File */
:root {
    /* Colors */
    --darkcolour: #2e333a;
    --lightprimary: #fff9f4;
    --secondarycolour: #fedbbe;
    --primarycolour: #f4831f;
    --lightgrey: #dbdbdb;
    --grey-text: #a4a4a4;
    --dark-grey-text: #817f77;
    --primary-blue: #1b6fe5;
    --secondary-blue: #0ed2f6;
    --dark-blue: #0c2756;
    --light-blue: #c9ebff;
    --blue-greylight: #e7ecef;
    --blue-grey: #b2c2cb;
    --blue-grey-dark: #668599;
    --secondary-bluelight-1: #72e4f9;
    --secondary-bluelight-2: #b8f1fc;
    --whitecolour: #ffffff;
    --new-tg-lbar-line-2: linear-gradient(
      137.71deg,
      rgba(14, 210, 246, 1) 0%,
      rgba(106, 208, 120, 1) 15.625%,
      rgba(193, 206, 1, 1) 54.6875%,
      rgba(194, 206, 0, 1) 85.9375%,
      rgba(233, 61, 37, 1) 100%
    );
    --new-tg-lbar-line: linear-gradient(
      169.92deg,
      rgba(14, 210, 246, 1) 0%,
      rgba(255, 245, 0, 1) 40.10416567325592%,
      rgba(248, 185, 12, 1) 82.8125%,
      rgba(233, 61, 37, 1) 100%
    );
    --new-tg-lbar-line-offset: linear-gradient(
      222.65deg,
      rgba(46, 51, 58, 1) 0%,
      rgba(46, 51, 58, 0) 0.009999999747378752%
    );
    --low-red-dark: #da3922;
    --low-red: #e93d25;
    --new-m-tprogress-bar: linear-gradient(
      264.02deg,
      rgba(14, 210, 246, 1) 0%,
      rgba(255, 245, 0, 1) 40.10416567325592%,
      rgba(248, 185, 12, 1) 82.8125%,
      rgba(233, 61, 37, 1) 100%
    );
    --new-m-thover-stroke: #3c4147;
  
    /* Fonts */
    --roboto-semi-bold-23: 600 23px/130% "Roboto", sans-serif;
    --roboto-medium-23: 500 23px/130% "Roboto", sans-serif;
    --roboto-medium-18: 500 18px/130% "Roboto", sans-serif;
    --poppins-semi-bold-35: 600 35px/130% "Poppins", sans-serif;
    --poppins-semi-bold-23: 600 23px/130% "Poppins", sans-serif;
    --roboto-12-regular: 400 12px/130% "Roboto", sans-serif;
    --roboto-14-regular: 400 14px/130% "Roboto", sans-serif;
    --roboto-18-regular: 400 18px/130% "Roboto", sans-serif;
    --roboto-23-regular: 400 23px/130% "Roboto", sans-serif;
    --roboto-28-regular: 400 28px/130% "Roboto", sans-serif;
    --roboto-35-medium: 500 35px/130% "Roboto", sans-serif;
    --roboto-44-regular: 400 44px/130% "Roboto", sans-serif;
    --roboto-55-regular: 400 55px/130% "Roboto", sans-serif;
    --roboto-69-regular: 400 69px/130% "Roboto", sans-serif;
    --poppins-12-medium: 500 12px/130% "Poppins", sans-serif;
    --poppins-14-medium: 500 14px/130% "Poppins", sans-serif;
    --poppins-18-medium: 500 18px/130% "Poppins", sans-serif;
    --poppins-23-medium: 500 23px/130% "Poppins", sans-serif;
    --poppins-28-medium: 500 28px/130% "Poppins", sans-serif;
    --poppins-35-medium: 500 35px/130% "Poppins", sans-serif;
    --poppins-44-medium: 500 44px/130% "Poppins", sans-serif;
    --poppins-55-medium: 500 55px/130% "Poppins", sans-serif;
    --poppins-69-medium: 500 69px/130% "Poppins", sans-serif;
  
    /* Effects */
    --shadow-tblue-box-shadow: 0px 6px 12px 0px rgba(27, 111, 229, 0.16);
    --shadow-t-components-box-shadow: 0px 24px 48px -8px rgba(39, 76, 119, 0.16);
    --new-m-tcharts-box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 1),
      inset -5px -5px 5px 0px rgba(59, 68, 81, 1);
    --new-m-tchartslines-box-shadow: 1.43px 1.43px 2.86px 0px
      rgba(136, 160, 183, 0.35);
    --new-mt-components-box-shadow: -7px -7px 30px 0px rgba(38, 46, 50, 1),
      14px 14px 40px 0px rgba(16, 16, 18, 0.75);
    --new-mt-nav-box-shadow: 6.22px 6.22px 18.67px 0px rgba(0, 0, 0, 1),
      -6.22px -6.22px 18.67px 0px rgba(59, 68, 81, 1);
    --new-m-tbtninner-box-shadow: inset 3.73px 3.73px 6.22px 0px rgba(0, 0, 0, 1),
      inset -6.22px -6.22px 6.22px 0px rgba(59, 68, 81, 1);
    --glass-t-components-box-shadow: 30px 70px 120px 0px rgba(27, 49, 66, 0.13);
    --new-tbtnblueinner-box-shadow: inset 3.73px 3.73px 6.22px 0px
        rgba(5, 19, 44, 1),
      inset -6.22px -6.22px 6.22px 0px rgba(21, 53, 101, 1);
    --new-m-tbtnblue-box-shadow: 6.22px 6.22px 18.67px 0px rgba(5, 19, 44, 1),
      -6.22px -6.22px 18.67px 0px rgba(21, 53, 101, 1);
    --new-m-thover-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.35);
  }