.elementor-758 .elementor-element.elementor-element-797867b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.63;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-758 .elementor-element.elementor-element-797867b::before, .elementor-758 .elementor-element.elementor-element-797867b > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-797867b > .e-con-inner > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-797867b > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-797867b > .e-con-inner > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-797867b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-758 .elementor-element.elementor-element-2e2f4cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-758 .elementor-element.elementor-element-5e2eea1{padding:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;text-align:left;}.elementor-758 .elementor-element.elementor-element-5e2eea1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:400;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-758 .elementor-element.elementor-element-7ce7bc1{text-align:left;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-448de4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-758 .elementor-element.elementor-element-933a455{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-758 .elementor-element.elementor-element-933a455.elementor-element{--align-self:center;}.elementor-758 .elementor-element.elementor-element-9cb2100{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.63;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-758 .elementor-element.elementor-element-9cb2100::before, .elementor-758 .elementor-element.elementor-element-9cb2100 > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-9cb2100 > .e-con-inner > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-9cb2100 > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-9cb2100 > .e-con-inner > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-9cb2100 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-758 .elementor-element.elementor-element-9c505af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FF6E00;--border-color:#FF6E00;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-758 .elementor-element.elementor-element-9c505af:not(.elementor-motion-effects-element-type-background), .elementor-758 .elementor-element.elementor-element-9c505af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF96002E;}.elementor-758 .elementor-element.elementor-element-0609be0{padding:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;text-align:left;}.elementor-758 .elementor-element.elementor-element-0609be0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-429eabe{text-align:left;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-2cce163{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.63;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-758 .elementor-element.elementor-element-2cce163::before, .elementor-758 .elementor-element.elementor-element-2cce163 > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-2cce163 > .e-con-inner > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-2cce163 > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-2cce163 > .e-con-inner > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-2cce163 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-758 .elementor-element.elementor-element-4eda8cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-758 .elementor-element.elementor-element-b70c19a{padding:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;text-align:center;}.elementor-758 .elementor-element.elementor-element-b70c19a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-8b489ce{padding:0px 15px 0px 15px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-22699c3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-758 .elementor-element.elementor-element-793405a{background-color:#0735AA2B;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0080FF;border-radius:15px 15px 15px 15px;}.elementor-758 .elementor-element.elementor-element-793405a .elementor-image-box-wrapper{text-align:left;}.elementor-758 .elementor-element.elementor-element-793405a .elementor-image-box-title{margin-bottom:10px;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-793405a:has(:hover) .elementor-image-box-title,
					 .elementor-758 .elementor-element.elementor-element-793405a:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-793405a .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-c281a93{background-color:#F8790230;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF5A00;border-radius:15px 15px 15px 15px;}.elementor-758 .elementor-element.elementor-element-c281a93 .elementor-image-box-wrapper{text-align:left;}.elementor-758 .elementor-element.elementor-element-c281a93 .elementor-image-box-title{margin-bottom:10px;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-c281a93:has(:hover) .elementor-image-box-title,
					 .elementor-758 .elementor-element.elementor-element-c281a93:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-c281a93 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-d23356d{background-color:#0735AA2B;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0080FF;border-radius:15px 15px 15px 15px;}.elementor-758 .elementor-element.elementor-element-d23356d .elementor-image-box-wrapper{text-align:left;}.elementor-758 .elementor-element.elementor-element-d23356d .elementor-image-box-title{margin-bottom:10px;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-d23356d:has(:hover) .elementor-image-box-title,
					 .elementor-758 .elementor-element.elementor-element-d23356d:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-d23356d .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-758 .elementor-element.elementor-element-9a4eb7e .elementor-button{background-color:#DB4A04;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-cceb0c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.63;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-758 .elementor-element.elementor-element-cceb0c3::before, .elementor-758 .elementor-element.elementor-element-cceb0c3 > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-cceb0c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-cceb0c3 > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-cceb0c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-cceb0c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-758 .elementor-element.elementor-element-5eff685{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FF6E00;--border-color:#FF6E00;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-758 .elementor-element.elementor-element-5eff685:not(.elementor-motion-effects-element-type-background), .elementor-758 .elementor-element.elementor-element-5eff685 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF96002E;}.elementor-758 .elementor-element.elementor-element-df56829{padding:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;text-align:left;}.elementor-758 .elementor-element.elementor-element-df56829 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-63ed4bc{text-align:left;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-9cbd05e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;}.elementor-758 .elementor-element.elementor-element-9cbd05e::before, .elementor-758 .elementor-element.elementor-element-9cbd05e > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-9cbd05e > .e-con-inner > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-9cbd05e > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-9cbd05e > .e-con-inner > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-9cbd05e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-758 .elementor-element.elementor-element-7964eaa{background-color:#0735AA2B;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0080FF;border-radius:15px 15px 15px 15px;}.elementor-758 .elementor-element.elementor-element-7964eaa .elementor-image-box-wrapper{text-align:left;}.elementor-758 .elementor-element.elementor-element-7964eaa .elementor-image-box-title{margin-bottom:10px;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-7964eaa:has(:hover) .elementor-image-box-title,
					 .elementor-758 .elementor-element.elementor-element-7964eaa:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-7964eaa .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-2c824d9{background-color:#F8790230;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF5A00;border-radius:15px 15px 15px 15px;}.elementor-758 .elementor-element.elementor-element-2c824d9 .elementor-image-box-wrapper{text-align:left;}.elementor-758 .elementor-element.elementor-element-2c824d9 .elementor-image-box-title{margin-bottom:10px;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-2c824d9:has(:hover) .elementor-image-box-title,
					 .elementor-758 .elementor-element.elementor-element-2c824d9:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-2c824d9 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-ba93ea6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.63;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-758 .elementor-element.elementor-element-ba93ea6::before, .elementor-758 .elementor-element.elementor-element-ba93ea6 > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-ba93ea6 > .e-con-inner > .elementor-background-video-container::before, .elementor-758 .elementor-element.elementor-element-ba93ea6 > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-ba93ea6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-758 .elementor-element.elementor-element-ba93ea6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-758 .elementor-element.elementor-element-fcc03a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FF6E00;--border-color:#FF6E00;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-758 .elementor-element.elementor-element-fcc03a9:not(.elementor-motion-effects-element-type-background), .elementor-758 .elementor-element.elementor-element-fcc03a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF96002E;}.elementor-758 .elementor-element.elementor-element-85e4b18{padding:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;text-align:left;}.elementor-758 .elementor-element.elementor-element-85e4b18 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-758 .elementor-element.elementor-element-b530c59{text-align:left;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}body.elementor-page-758:not(.elementor-motion-effects-element-type-background), body.elementor-page-758 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jcsbook.com/wp-content/uploads/2025/07/11905644_4844484-scaled.jpg");background-size:cover;}@media(min-width:768px){.elementor-758 .elementor-element.elementor-element-2e2f4cc{--width:50%;}.elementor-758 .elementor-element.elementor-element-448de4c{--width:50%;}}@media(min-width:1025px){body.elementor-page-758:not(.elementor-motion-effects-element-type-background), body.elementor-page-758 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-758 .elementor-element.elementor-element-22699c3{--grid-auto-flow:row;}.elementor-758 .elementor-element.elementor-element-9cbd05e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-758 .elementor-element.elementor-element-22699c3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-758 .elementor-element.elementor-element-9cbd05e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-933a455 *//* From Uiverse.io by kyle1dev */ 
.modern-form {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --primary-light: rgba(59, 130, 246, 0.1);
  --success: #10b981;
  --text-main: #1e293b;
  --text-secondary: #64748b;
  --bg-input: #f8fafc;

  position: relative;
  width: 400px;
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.05),
    inset 0 0 0 1px rgba(148, 163, 184, 0.1);
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

.form-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--text-main);
  margin: 0 0 24px;
  text-align: center;
  letter-spacing: -0.01em;
}

.input-group {
  margin-bottom: 16px;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.form-input {
  width: 100%;
  height: 40px;
  padding: 0 36px;
  font-size: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: var(--bg-input);
  color: var(--text-main);
  transition: all 0.2s ease;
}

.form-input::placeholder {
  color: var(--text-secondary);
}

.input-icon {
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;
  color: var(--text-secondary);
  pointer-events: none;
}

.password-toggle {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  padding: 4px;
  background: none;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.eye-icon {
  width: 16px;
  height: 16px;
}

.submit-button {
  position: relative;
  width: 100%;
  height: 40px;
  margin-top: 8px;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
}

.button-glow {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}

.form-footer {
  margin-top: 16px;
  text-align: center;
  font-size: 13px;
}

.login-link {
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
}

.login-link span {
  color: var(--primary);
  font-weight: 500;
}

/* Hover & Focus States */
.form-input:hover {
  border-color: #cbd5e1;
}

.form-input:focus {
  outline: none;
  border-color: var(--primary);
  background: white;
  box-shadow: 0 0 0 4px var(--primary-light);
}

.password-toggle:hover {
  color: var(--primary);
  transform: scale(1.1);
}

.submit-button:hover {
  background: var(--primary-dark);
  transform: translateY(-1px);
  box-shadow:
    0 4px 12px rgba(59, 130, 246, 0.25),
    0 2px 4px rgba(59, 130, 246, 0.15);
}

.submit-button:hover .button-glow {
  transform: translateX(100%);
}

.login-link:hover {
  color: var(--text-main);
}

.login-link:hover span {
  color: var(--primary-dark);
}

/* Active States */
.submit-button:active {
  transform: translateY(0);
  box-shadow: none;
}

.password-toggle:active {
  transform: scale(0.9);
}

/* Validation States */
.form-input:not(:placeholder-shown):valid {
  border-color: var(--success);
}

.form-input:not(:placeholder-shown):valid ~ .input-icon {
  color: var(--success);
}

/* Animation */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}

.form-input:not(:placeholder-shown):invalid {
  border-color: #ef4444;
  animation: shake 0.2s ease-in-out;
}

.form-input:not(:placeholder-shown):invalid ~ .input-icon {
  color: #ef4444;
}/* End custom CSS */