/* Container */
.onix-auth-container {
   width: 400px;
   margin: 32px auto;
   background: #fff;
}

/* Progress Bar */
.onix-progress {
   background: #eee;
   border-radius: 6px;
   height: 10px;
   width: 100%;
   overflow: hidden;
}

.onix-progress-bar {
   height: 10px;
   background: #4caf50;
   width: 0%;
   transition: width 0.4s ease;
   border-radius: 6px;
}

/* Headings */
.onix-auth-container h3 {
   margin-bottom: 15px;
   color: #333;
}

/* Messages */
.onix-msg {
   margin-top: 5px;
   font-size: 13px;
}

/* Error messages */
.onix-msg.error {
   color: red;
}

/* Success messages */
.onix-msg.success {
   color: green;
}

/* Hide steps initially */
#onix-step2-login,
#onix-step2-register,
#onix-step3-register {
   display: none;
}

/* Responsive */
@media (max-width: 480px) {
   .onix-auth-container {
      width: 100%;
      padding: 0;
   }
   .onix-auth-container button {
      width: 100%;
   }
}