.elementor-1491 .elementor-element.elementor-element-02a5f1e{--display:flex;--min-height:25vh;--justify-content:center;}.elementor-1491 .elementor-element.elementor-element-02a5f1e:not(.elementor-motion-effects-element-type-background), .elementor-1491 .elementor-element.elementor-element-02a5f1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2225B1;}.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-1491 .elementor-element.elementor-element-370df26 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1491 .elementor-element.elementor-element-0b0a747{--e-icon-list-icon-size:10px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;letter-spacing:2.2px;}.elementor-1491 .elementor-element.elementor-element-0b0a747 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1491 .elementor-element.elementor-element-0dece67{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:21px 21px;--row-gap:21px;--column-gap:21px;--padding-top:51px;--padding-bottom:51px;--padding-left:51px;--padding-right:51px;}.elementor-1491 .elementor-element.elementor-element-f23f13e{text-align:center;}.elementor-1491 .elementor-element.elementor-element-f23f13e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#2225B1;}.elementor-1491 .elementor-element.elementor-element-306cdcd{text-align:center;}.elementor-1491 .elementor-element.elementor-element-306cdcd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#2225B1;}.elementor-1491 .elementor-element.elementor-element-489b41b{margin:051px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1491 .elementor-element.elementor-element-02a5f1e{--min-height:20vh;}.elementor-1491 .elementor-element.elementor-element-0dece67{--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}}/* Start custom CSS for html, class: .elementor-element-489b41b */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');


.submit-btn a{ 
    color: white; 
    text-decoration: none;
}
.container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.login-card {
  background: white;
  width: 555px;
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.1);
  position: relative;
  text-align: center;
  border-top: 5px solid #00f2fe;
}

/* Mascot Animation Styles */
.mascot-wrapper {
  width: 100px;
  height: 100px;
  margin: -90px auto 10px; /* Pulls mascot up */
  background: white;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.mascot {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Hands Animation */
.hands path {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-box: fill-box;
  transform-origin: bottom;
  opacity: 0;
  transform: translateY(20px) scale(0.8);
}

/* When password field is focused (This class added via JS) */
.mascot.blind .hands path {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.mascot.blind .eyes-open {
  opacity: 0; /* Hide eyes when hands cover them */
}

.title {
  margin-bottom: 25px;
  color: #333;
  font-weight: 600;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: left;
}

.input-group label {
  font-size: 12px;
  color: #666;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

.input-group input,{
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #eee;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  transition: 0.3s;
  background: #f9f9f9;
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box; /* Fix width issues */
}

.input-group select {
  appearance: none;
  cursor: pointer;
}

.input-group {
  position: relative;
}

.select-arrow {
  position: absolute;
  right: 15px;
  bottom: 12px;
  font-size: 10px;
  color: #888;
  pointer-events: none;
}

.input-group input:focus,
.input-group select:focus {
  border-color: #4facfe;
  background: #fff;
}

.submit-btn {
  margin-top: 10px;
  padding: 15px;
  border: none;
  background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
  color: white;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s;
  box-shadow: 0 5px 15px rgba(79, 172, 254, 0.4);
}

.submit-btn:active {
  transform: scale(0.98);
}

.footer {
  margin-top: 20px;
  font-size: 12px;
  color: #999;
}

.footer a {
  color: #4facfe;
  text-decoration: none;
  font-weight: 600;
}/* End custom CSS */