/* Registration form styles
   Re-uses color variables and font from style.css
*/
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

:root {
  --panel-bg: rgba(5, 10, 7, 0.6);
  --muted: #6e7f75;
}

/* Reset / base */
* { box-sizing: border-box; }
html, body {  margin: 0; }
body {
  font-family: 'Unbounded', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--text-white);
}

/* Screen container ---------------------------------------------------- */
.registration-screen {
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  justify-content: center;  padding: 80px 20px 20px 20px;
  position: relative;
  overflow: hidden;
  flex-direction: column;
}


/* Inner column -------------------------------------------------------- */
.reg-inner {
  width: min(480px, 100%);
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 34px;
  padding: 28px 20px 20px;
  background: linear-gradient(#1F1F1F, #2C2C2C);
  border-radius: 14px;
}

/* Close button (top-right) ------------------------------------------- */
.reg-close {
  position: fixed;
  top: 18px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(56, 255, 126, 0.15);
  background: transparent;
  color: var(--text-white);
  font-size: 26px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

/* Title ---------------------------------------------------------------- */
.reg-title {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 500;
  text-transform: uppercase;
}

/* Input field --------------------------------------------------------- */
.reg-field { display: block; width: 100%; }
.reg-input {
  width: 100%;
  padding: 18px 20px;
  border-radius: 10px;
  background: #111111;
  border: none;
  /* color: var(--text-white); */
  color: white;
  font-size: 18px;
  outline: none;
  font-family: 'Geist', 'system-ui';
  font-weight: 300;
}
.reg-input::placeholder { color: #3B3B3B; }

/* Sections and labels ------------------------------------------------- */
.reg-section { display: flex; flex-direction: column; gap: 7px; margin-bottom: 10px;}
.reg-label { color: white; font-weight: 500; font-size: 13px; font-family: 'Unbounded'; }

/* Segmented controls -------------------------------------------------- */
.segmented {  display: flex;
  gap: 20px;
  background: #111111;
  border-radius: 14px;
  border: none;
  padding: 3px;
  min-height: 54px;
}
.seg-btn {
  flex: 1;
  padding: 14px 18px;
  border-radius: 10px;
  background: transparent;
  border: none;
  font-weight: 500;
  font-family: 'Unbounded';
  font-size: 14px;
  cursor: pointer;
  transition: all 0.18s ease;
  outline: none;
  color: #3B3B3B;
}
.seg-btn.active {
  background: linear-gradient(180deg, #343434 0%, #202020 100%);
  color: white;
}

/* Submit CTA ---------------------------------------------------------- */
.reg-submit {
  margin-top: 7px;
  width: 100%;
  height: 65px;
  background: linear-gradient(180deg, #FFF08E 0%, #FF991D 100%);
  border: 1px solid #2a7a45;
  border-radius: 18px;
  color: #111111;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 0;
  animation: btn-pulse 3s infinite ease-in-out;
  transition: transform 0.1s;
  font-family: 'Unbounded', sans-serif;
  text-transform: uppercase;
}

#scheme {
  -webkit-appearance: none;outline: none;appearance: none;background: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%228.5%22%20stroke%3D%22%236A6A6A%22%2F%3E%3C%2Fsvg%3E') no-repeat center;width: 19px;height: 19px;
  cursor: pointer;
}

#scheme:checked{
  background: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%200C13.9706%200%2018%204.02944%2018%209C18%2013.9706%2013.9706%2018%209%2018C4.02944%2018%200%2013.9706%200%209C0%204.02944%204.02944%200%209%200ZM13.6436%205.23535C13.2212%204.8798%2012.5901%204.93338%2012.2344%205.35547L7.80566%2010.6133L5.62012%208.88281C5.1871%208.5401%204.55762%208.61292%204.21484%209.0459C3.87226%209.47887%203.94509%2010.1084%204.37793%2010.4512L7.32617%2012.7842L8.08594%2013.3867L13.7637%206.64453C14.1193%206.2222%2014.0657%205.59115%2013.6436%205.23535Z%22%20fill%3D%22url(%23paint0_linear_0_3178)%22%2F%3E%3Cpath%20d%3D%22M9%200C13.9706%200%2018%204.02944%2018%209C18%2013.9706%2013.9706%2018%209%2018C4.02944%2018%200%2013.9706%200%209C0%204.02944%204.02944%200%209%200ZM13.6436%205.23535C13.2212%204.8798%2012.5901%204.93338%2012.2344%205.35547L7.80566%2010.6133L5.62012%208.88281C5.1871%208.5401%204.55762%208.61292%204.21484%209.0459C3.87226%209.47887%203.94509%2010.1084%204.37793%2010.4512L7.32617%2012.7842L8.08594%2013.3867L13.7637%206.64453C14.1193%206.2222%2014.0657%205.59115%2013.6436%205.23535Z%22%20fill%3D%22url(%23paint1_linear_0_3178)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_0_3178%22%20x1%3D%2212.734%22%20y1%3D%2219.7234%22%20x2%3D%226.06346%22%20y2%3D%222.16907%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F5681D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFD6A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_0_3178%22%20x1%3D%2212.7214%22%20y1%3D%2218%22%20x2%3D%227.82725%22%20y2%3D%226.49707%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF991D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFF08E%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') no-repeat center;
}