/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/app/page.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page_kiosk__8Mmpy {
  position: relative;
  height: 100vh;
  width: 100vw;
  background: #140726;
  color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}

.page_bgGradients__wzao4 {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 30% 18%, rgba(105, 19, 169, 0.55), transparent 45%), radial-gradient(circle at 70% 82%, rgba(168, 85, 247, 0.32), transparent 50%);
}

.page_bgGrid__Bum6b {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 96px 96px;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
          mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
}

.page_blobLayer__oelgd {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.page_blobTop__nJorK {
  position: absolute;
  top: -180px;
  left: -160px;
  width: 720px;
  height: 720px;
  border-radius: 9999px;
  background: rgba(105, 19, 169, 0.5);
  filter: blur(180px);
}

.page_blobBottom__srN5M {
  position: absolute;
  right: -200px;
  bottom: -220px;
  width: 820px;
  height: 820px;
  border-radius: 9999px;
  background: rgba(139, 92, 246, 0.38);
  filter: blur(200px);
}

.page_blobMid__OcR0B {
  position: absolute;
  left: 50%;
  top: 55%;
  width: 540px;
  height: 540px;
  border-radius: 9999px;
  background: rgba(105, 19, 169, 0.22);
  filter: blur(160px);
  transform: translate(-50%, -50%);
}

.page_helpButton__J3WNw {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 2rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  color: #fff;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 500;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  transition: background 0.1s ease, border-color 0.1s ease;
}
.page_helpButton__J3WNw:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
}

.page_helpIcon__RW62q {
  width: clamp(2rem, 3.25vw, 2.5rem);
  height: clamp(2rem, 3.25vw, 2.5rem);
}

.page_callingOverlay__XnV4Y {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  padding: 4rem;
  background: #140726;
  color: #fff;
  animation: page_helpFadeIn__PGdAz 0.18s ease-out;
}

@keyframes page_helpFadeIn__PGdAz {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.page_callingContent__wG17E {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  text-align: center;
}

.page_callingIconBadge__HEXs4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(7rem, 14vw, 12rem);
  height: clamp(7rem, 14vw, 12rem);
  border-radius: 9999px;
  background: rgba(105, 19, 169, 0.22);
  color: #fff;
  box-shadow: 0 0 0 0 rgba(105, 19, 169, 0.45);
  animation: page_callingPulse__tKvUC 1.6s ease-out infinite;
}
.page_callingIconBadge__HEXs4 svg {
  width: 50%;
  height: 50%;
}

@keyframes page_callingPulse__tKvUC {
  0% {
    box-shadow: 0 0 0 0 rgba(105, 19, 169, 0.45);
  }
  70% {
    box-shadow: 0 0 0 2.5rem rgba(105, 19, 169, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(105, 19, 169, 0);
  }
}
.page_callingLabel__NDRYp {
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  opacity: 0.9;
}

.page_callingNumber__zS3M1 {
  margin: 0;
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 500;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.page_callingSub__O1mlZ,
.page_callingError__UhiVo {
  margin: 0;
  max-width: 24ch;
  font-size: clamp(1.5rem, 2.6vw, 2.25rem);
  line-height: 1.35;
}

.page_callingSub__O1mlZ {
  opacity: 0.72;
}

.page_callingError__UhiVo {
  color: #ffb2b2;
}

.page_callingIconBadgeError__OalIk {
  background: rgba(220, 38, 38, 0.2);
  color: #ffd7d7;
  box-shadow: none;
  animation: none;
}

.page_helpActions__ySrDN {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.page_hangUpButton__IcT0U {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: 2.25rem;
  background: #dc2626;
  color: #fff;
  border-radius: 1.5rem;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 0 60px rgba(220, 38, 38, 0.4), 0 16px 40px -12px rgba(220, 38, 38, 0.55);
  transition: background 0.1s ease, transform 0.1s ease;
}
.page_hangUpButton__IcT0U:active {
  background: #b91c1c;
  transform: scale(0.98);
}

.page_hangUpIcon__K9nVV {
  width: clamp(2.5rem, 4.5vw, 3.5rem);
  height: clamp(2.5rem, 4.5vw, 3.5rem);
}

.page_helpSecondaryButton__gMs88 {
  width: 100%;
  padding: 1.75rem;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1rem;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 0.1s ease, border-color 0.1s ease;
}
.page_helpSecondaryButton__gMs88:active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.24);
}

.page_welcome__2WQBd {
  position: relative;
  z-index: 1;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 4rem;
  width: 100%;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.page_welcome__2WQBd:active {
  background: rgba(255, 255, 255, 0.02);
}

.page_welcomeContent__bACrP {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.page_logo__1r_52 {
  width: clamp(14rem, 30vw, 22rem);
  height: auto;
  border-radius: 2rem;
  box-shadow: 0 0 80px rgba(105, 19, 169, 0.55), 0 24px 60px -16px rgba(105, 19, 169, 0.6);
  margin-bottom: 1rem;
}

.page_brand__L5adf {
  font-size: clamp(4rem, 10vw, 9rem);
  font-weight: 700;
  letter-spacing: -0.04em;
}

.page_tagline__iRJQR {
  font-size: clamp(1.5rem, 3vw, 2.75rem);
  opacity: 0.6;
  font-weight: 300;
}

.page_vehicleStatus__DGPSE {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  opacity: 0.8;
}

.page_vehicleSpinner__ljfg7 {
  width: clamp(2rem, 4vw, 3rem);
  height: clamp(2rem, 4vw, 3rem);
  color: currentColor;
  opacity: 0.85;
}

.page_screen__HZc0K {
  position: relative;
  z-index: 1;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  padding: 2rem 4rem 4rem;
  gap: 2rem;
}

.page_screenHeader__MPI_D {
  display: flex;
  justify-content: flex-start;
  min-height: 3rem;
}

.page_body__q2a0r {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  width: 100%;
}

.page_heading__KJko3 {
  font-size: clamp(3.5rem, 7vw, 6rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.page_payHeading__UOkL3 {
  font-size: clamp(3.15rem, 6.3vw, 5.4rem);
  padding: 8rem 0 2rem;
  margin: 0;
}

.page_sub__MXzec {
  font-size: clamp(2rem, 3.5vw, 3rem);
  opacity: 0.65;
  line-height: 1.3;
}

.page_phoneDisplay__gfV4w {
  font-size: clamp(2.5rem, 6vw, 4.25rem);
  font-weight: 500;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  padding: 1.5rem 2rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  margin-top: 1rem;
  min-width: min(80%, 36rem);
}

.page_codeRow__Zul74 {
  display: flex;
  gap: 1.25rem;
  margin-top: 1rem;
}

.page_codeBox__RlK_Y {
  width: clamp(4rem, 8vw, 6rem);
  height: clamp(5.5rem, 11vw, 8rem);
  background: rgba(255, 255, 255, 0.06);
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 1rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(2.25rem, 4.5vw, 3.5rem);
  font-weight: 600;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.page_codeBoxFilled__OgkYC {
  background: rgba(255, 255, 255, 0.1);
}

.page_codeBoxActive__h0p8V {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 4px rgba(105, 19, 169, 0.25);
}

.page_error__err8O {
  color: #ff8a8a;
  font-size: 1.125rem;
  min-height: 1.5em;
}

.page_linkButton__TZjis {
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 500;
  color: rgba(245, 245, 247, 0.8);
  padding: 1.25rem 2rem;
  border-radius: 0.5rem;
}
.page_linkButton__TZjis:disabled {
  opacity: 0.4;
}

.page_keypad__SHr2Z {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.25rem;
  gap: 1.25rem;
  width: 100%;
}

.page_key__VUGw2 {
  aspect-ratio: 1.7/1;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 1rem;
  color: #f5f5f7;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  transition: background 0.1s ease, box-shadow 0.1s ease;
}
.page_key__VUGw2:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 4px rgba(105, 19, 169, 0.25);
}
.page_key__VUGw2:disabled {
  opacity: 0.4;
}

.page_keyBack__4Jgah {
  background: rgba(255, 255, 255, 0.04);
  font-size: clamp(1.75rem, 3.25vw, 2.5rem);
}

.page_keyEmpty__03wrE {
  visibility: hidden;
}

.page_primaryButton__ENHh_ {
  width: 100%;
  padding: 1.75rem;
  background: #6913a9;
  color: #fff;
  border-radius: 1rem;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 24px -8px rgba(105, 19, 169, 0.55), 0 4px 10px -4px rgba(105, 19, 169, 0.4);
  transition: background 0.1s ease;
}
.page_primaryButton__ENHh_:active:not(:disabled) {
  background: rgb(87.9095744681, 15.9074468085, 141.4925531915);
}
.page_primaryButton__ENHh_:disabled {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
  cursor: not-allowed;
}

.page_rateCard__SQLWo {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1.5rem;
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  padding: 1.875rem 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  box-shadow: 0 24px 60px -24px rgba(42.335106383, 7.6606382979, 68.1393617021, 0.6);
}

.page_rateRow__q_1sx {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  padding: 1.125rem 0;
}
.page_rateRow__q_1sx:last-child::after {
  display: none;
}
.page_rateRow__q_1sx::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1875rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
}
.page_rateRow__q_1sx span:last-child {
  font-weight: 600;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

.page_rateRowEmphasis__JbNV9 {
  font-weight: 600;
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  margin-top: 0.375rem;
  padding-top: 1.3125rem;
}

.page_payStatus__IiCxk {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2.5rem 1.75rem;
  background: #6913a9;
  color: #fff;
  border-radius: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 0 60px rgba(105, 19, 169, 0.5), 0 16px 40px -12px rgba(105, 19, 169, 0.6), 0 6px 16px -6px rgba(105, 19, 169, 0.45);
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.page_payButtonPending__ruUvj {
  background: rgba(105, 19, 169, 0.85);
  box-shadow: 0 0 60px rgba(105, 19, 169, 0.4), 0 16px 40px -12px rgba(105, 19, 169, 0.45);
}

.page_payButtonSuccess__uVKU_,
.page_payButtonSuccess__uVKU_:disabled {
  background: #16a34a;
  box-shadow: 0 0 60px rgba(22, 163, 74, 0.55), 0 16px 40px -12px rgba(22, 163, 74, 0.6), 0 6px 16px -6px rgba(22, 163, 74, 0.45);
}

.page_payButtonFailure__rrQ6X {
  background: #dc2626;
  box-shadow: 0 0 60px rgba(220, 38, 38, 0.55), 0 16px 40px -12px rgba(220, 38, 38, 0.6), 0 6px 16px -6px rgba(220, 38, 38, 0.45);
}
.page_payButtonFailure__rrQ6X:active:not(:disabled) {
  background: #b91c1c;
}

.page_payIconWrap__1vCFQ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(4.5rem, 9vw, 6.5rem);
  height: clamp(4.5rem, 9vw, 6.5rem);
  pointer-events: auto;
}

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

.page_payIconSpinning__g3npP {
  animation: page_payIconSpin__queJT 0.9s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes page_payIconSpin__queJT {
  to {
    transform: rotate(360deg);
  }
}
.page_payLabel__cq8J_ {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.page_payError__BoFoD {
  color: #ff8a8a;
  font-size: clamp(1.125rem, 1.6vw, 1.5rem);
  min-height: 1.6em;
  margin-top: 0.5rem;
}

.page_payNote__jnGuJ {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  opacity: 0.75;
  margin: 0;
  max-width: 32ch;
  align-self: center;
  text-align: center;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.page_monthlyButton__3C6Vl {
  width: 100%;
  padding: 1.75rem;
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1rem;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 0.1s ease, border-color 0.1s ease;
}
.page_monthlyButton__3C6Vl:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}
.page_monthlyButton__3C6Vl:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.page_thanksBody__bB4O3 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2rem;
}

.page_thanksCheck___5SVt {
  width: clamp(8rem, 20vw, 14rem);
  height: clamp(8rem, 20vw, 14rem);
  color: #16a34a;
  filter: drop-shadow(0 0 48px rgba(22, 163, 74, 0.55));
}

.page_thanksHeading__XoxyU {
  font-size: clamp(3.5rem, 7vw, 6rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-top: 1rem;
}

.page_thanksSub__71kml {
  font-size: clamp(2rem, 3.5vw, 3rem);
  opacity: 0.8;
  max-width: 28ch;
  line-height: 1.3;
}