/* poppins-regular - latin */@font-face {  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */  font-family: "Poppins";  font-style: normal;  font-weight: 400;  src: url("/assets/fonts/poppins-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}/* poppins-700 - latin */@font-face {  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */  font-family: "Poppins";  font-style: normal;  font-weight: 700;  src: url("/assets/fonts/poppins-v21-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}* {  margin: 0;  padding: 0;  box-sizing: border-box;}:root {  --background-color: #fff;  --color-main: #00a7e7;  --color-accent: #0093d3;  --color-white: #ffffff;  --color-black: #555555;  --transiton: all 0.5s ease;}.space-medium {  padding-top: 20px;}.space-small {  padding-top: 10px;}a {  text-decoration: none;  outline: none;  cursor: pointer;}p {  padding: 10px 0;  line-height: 160%;}body {  font-family: "Poppins", sans-serif;  position: relative;  background: var(--background-color);  overflow: hidden;  width: 100%;  height: 100vh;}.coming-soon-wrapper {  display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  width: 100%;  min-height: 100vh;  position: relative;  padding: 50px 150px;}@media all and (max-width: 768px) {  .coming-soon-wrapper {    padding: 50px 100px;  }}@media all and (max-width: 520px) {  .coming-soon-wrapper {    padding: 40px 50px;  }}.coming-soon {  display: flex;  justify-content: flex-start;  align-items: flex-start;  position: relative;  z-index: 10;}.text {  display: flex;  flex-direction: column;  justify-content: flex-start;  align-items: flex-start;  gap: 40px;}.logo {  width: 130px;  height: 108px;  position: relative;  z-index: 10;  object-fit: contain;}.header {  color: var(--color-main);  text-align: left;  text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);  font-size: 74px;  font-style: normal;  font-weight: 700;  line-height: 130%;  letter-spacing: 2.25px;  text-transform: uppercase;  position: relative;  z-index: 10;}@media all and (max-width: 520px) {  .header {    font-size: 44px;  }}.menus {  display: flex;  gap: 40px;  justify-content: center;  position: relative;  z-index: 10;}.menu-item {  color: var(--color-black);  font-size: 14px;  font-style: normal;  font-weight: 500;  line-height: 180%;  letter-spacing: 0.42px;  list-style: none;}.background {  max-width: 100%;  height: auto;  position: absolute;  z-index: -1;  bottom: 0px;  right: 0px;}button {  background: transparent;  color: var(--color-black);  border: none;  cursor: pointer;  transition: var(--transiton);}button:hover {  color: var(--color-main);}.copyright-wrapper {  position: absolute;  bottom: 50px;  left: 150px;  z-index: 100;  width: 100%;  text-align: left;}@media all and (max-width: 768px) {  .copyright-wrapper {    left: 100px;  }}@media all and (max-width: 520px) {  .copyright-wrapper {    left: 50px;    bottom: 20px;  }}.copyright {  color: var(--color-black);  font-size: 12px;  font-style: normal;  font-weight: 500;  line-height: 180%;  letter-spacing: 0.42px;}.copyright a {  text-decoration: underline;  color: var(--color-black);}dialog.bdrp::backdrop {  background: repeating-linear-gradient(    60deg,    rgba(0, 0, 0, 0.1),    rgba(0, 0, 0, 0.1) 1px,    rgba(0, 0, 0, 0.1) 1px,    rgba(0, 0, 0, 0.1) 20px  );  backdrop-filter: blur(1px);}@keyframes animate-top {  from {    top: 30%;    opacity: 0;  }  to {    top: 50%;    opacity: 1;  }}.animate {  animation-name: animate-top;  animation-duration: 0.4s;}.bdrp.animate {  background-color: var(--background-color);  border-radius: 5px;  border: 1px solid #f2f2f2;}@media screen and (max-width: 768px) {  .bdrp.animate {    width: 100%;  }}.wrapper {  padding: 40px;  background-color: transparent;  color: var(--color-black);  display: flex;  flex-direction: column;  justify-content: center;  z-index: 10;  background-color: #fff;  text-align: left;}@media screen and (max-width: 768px) {  .wrapper {    padding: 25px;  }}.wrapper h1 {  padding-bottom: 10px;  text-align: left;}.wrapper .address {  margin: 0 0 20px 0;}.wrapper p {  font-weight: 400;  font-size: 16px;}a {  color: var(--color-main);  text-decoration: none;  transition: var(--transiton);  text-decoration: underline;  font-weight: 700;  word-wrap: break-word;  hyphens: auto;}a:hover {  color: var(--color-accent);}.close {  color: var(--color-white);  font-size: 16px;  font-weight: 700;  cursor: pointer;  background-color: var(--color-accent);  padding: 10px 18px;  border: none;  border-radius: 5px;  transition: var(--transiton);  display: block;  margin: 0px 0px 0px auto;}.close:hover {  color: var(--color-white);  background-color: var(--color-main);}.centerd {  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}