@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  src: url('/public/fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  font-style: normal;
  src: url('/public/fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  src: url('/public/fonts/Poppins-Bold.ttf') format('truetype');
}

body {
  font-family: 'Poppins';
  font-size: 14px;
}

.main {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.description {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.form {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.submit {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.simple-input {
  background-color: #eff3f5;
  border: 0;
  padding: 16px 32px;
  border-radius: 5px;
  width: 100%;
  height: 46px;
  text-align: center;
  font-size: 25;
}

.simple-button {
  background-color: #00737c;
  border: 0;
  padding: 12px 24px;
  border-radius: 5px;
  color: white;
  font-weight: 700;
  width: 100%;
  height: 46px;
}

/* Message page container */
.message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 30px;
}

/* Icon styles - inline SVG as data URI */
.icon-error,
.icon-info {
  width: 180px;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
}

.icon-error {
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="overflow:hidden;fill:currentColor" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle style="fill:%23fdebe0;fill-opacity:1;stroke-width:1.3" cx="24" cy="24" r="23.143467"/><path d="m 25.387396,30.938824 c 0,0.765744 -0.621651,1.387396 -1.387397,1.387396 -0.765743,0 -1.387394,-0.621652 -1.387394,-1.387396 0,-0.765742 0.621651,-1.387506 1.387394,-1.387506 0.765746,0 1.387397,0.620112 1.387397,1.387506 z M 23.999999,18.448741 c -0.765743,0 -1.387394,0.621653 -1.387394,1.387396 v 6.93874 c 0,0.765746 0.621651,1.387506 1.387394,1.387506 0.765746,0 1.387397,-0.62176 1.387397,-1.387506 v -6.93874 c 0,-0.765743 -0.621651,-1.387396 -1.387397,-1.387396 z M 35.101038,32.32622 c 0,1.533028 -1.241766,2.774904 -2.774792,2.774904 h -16.65249 c -1.533028,0 -2.774794,-1.243415 -2.774794,-2.774904 0,-0.458766 0.112661,-0.891041 0.311596,-1.273089 l -0.0016,-0.0016 8.324595,-16.650842 h 0.0031 c 0.460413,-0.892693 1.389045,-1.501813 2.463305,-1.501813 1.074264,0 2.002894,0.610771 2.464847,1.50335 l 8.29646,16.594458 c 0.217621,0.39304 0.33973,0.847189 0.33973,1.329475 z m -1.387396,0 c 0,-0.236417 -0.05638,-0.458766 -0.169151,-0.663966 l -0.01248,-0.02353 -0.01085,-0.0234 -8.293382,-16.583577 c -0.241232,-0.460414 -0.71099,-0.745411 -1.227788,-0.745411 -0.519875,0 -0.991279,0.288183 -1.232422,0.753215 l -0.06573,0.125299 -7.80472,15.611093 0.01085,0.01098 -0.466679,0.905111 c -0.103317,0.198827 -0.154972,0.413372 -0.154972,0.63572 0,0.765744 0.623192,1.387507 1.387396,1.387507 h 16.652491 c 0.765746,-0.0016 1.387397,-0.623302 1.387397,-1.389046 z" style="fill:%23f37731;fill-opacity:1;stroke-width:0.0216826"/></svg>');
}

.icon-info {
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="overflow:hidden;fill:currentColor" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle style="fill:%23dcf3fd;fill-opacity:1;stroke-width:1.3" cx="24" cy="24" r="23.143467"/><path style="fill:%230eafe0;fill-opacity:1;stroke-width:0.0243782" d="m 14.638986,14.638986 c -0.861659,0 -1.560848,0.699191 -1.560848,1.560848 v 15.601961 c 0,0.861659 0.699189,1.559219 1.560848,1.559219 h 18.722029 c 0.86166,0 1.560847,-0.69756 1.560847,-1.559219 V 19.3199 c 1e-6,-0.861658 -0.699187,-1.560848 -1.560847,-1.560848 H 25.744142 L 24.1947,15.354239 c -0.287234,-0.44571 -0.781324,-0.715241 -1.311569,-0.715253 z m 0,1.169822 h 8.244145 l 0.01304,0.0016 c 0.128109,0.0041 0.24502,0.06985 0.314449,0.177591 l 1.142125,1.771025 c 0.529418,0.878878 0.275461,0.47908 0.713623,1.171451 h 8.29465 c 0.215424,0 0.391027,0.173973 0.391027,0.389397 v 1.386514 H 14.249589 v -1.386514 c -5.51e-4,-0.717946 0.02437,-0.817866 0,-1.510341 v -1.609726 c 10e-7,-0.215424 0.173974,-0.391026 0.389397,-0.391026 z m -0.389397,6.059283 h 19.502453 v 9.933704 c 0,0.215423 -0.175603,0.389397 -0.391027,0.389398 H 14.638986 c -0.215423,-10e-7 -0.389397,-0.173975 -0.389397,-0.389398 z"/></svg>');
}

/* Page title */
.page-title {
  font-size: 36px;
  font-weight: 700;
  color: #00737c;
  margin: 0;
}

/* Message text */
.message-text {
  font-size: 20px;
  font-weight: 400;
  color: #808080;
  margin: 0;
  max-width: 600px;
}