
/* /erpia_custom/static/css/signup.css */
 .signup-wrap{max-width: 600px;}.terms-container{max-width: 800px; margin: 0 auto; background-color: #fff;}.checkbox-container{display: flex; align-items: center; gap: 8px; margin-bottom: 16px;}.checkbox-container input[type="checkbox"]{width: 16px; height: 16px;}.terms-title{margin-bottom: 5px;}.terms-content{background-color: #f8f9fa; padding: 20px; border-radius: 4px; color: #C1C1C1; font-size: 16px;}.terms-section{margin-bottom: 16px; line-height: 1.5;}.section-title{}.section-content{padding-left: 20px; margin-bottom: 12px; font-size: 14px;}.progress-bar-steps{display: flex; justify-content: center; align-items: center; max-width: 600px; margin: 30px 0 50px 0px; position: relative; padding: 0 20px;}.progress-bar-steps .step{flex: 1; text-align: center; position: relative; z-index: 1;}.progress-bar-steps .step:not(:last-child)::after{content: ''; position: absolute; top: 15px; left: calc(50% + 15px); width: calc(100% - 30px); height: 3px; background-color: #e0e0e0; transition: background-color 0.3s ease;}.progress-bar-steps .step.active:not(:last-child)::after, .progress-bar-steps .step.completed:not(:last-child)::after{background-color: #F29300;}.progress-bar-steps .step span{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0 auto 8px; background-color: #e0e0e0; color: #fff; border-radius: 50%; font-size: 14px; font-weight: 600; transition: all 0.3s ease;}.progress-bar-steps .step.active span, .progress-bar-steps .step.completed span{background-color: #F29300;}.progress-bar-steps .step p{margin: 0; color: #666; font-size: 14px; transition: color 0.3s ease;}.progress-bar-steps .step.active p{color: #F29300; font-weight: 600;}.check-business-number-btn,.check-business-address-btn, .contact-phone-check-btn, .company-code-check-btn, .id-check-btn{width: 200px; height: 60px;}.company-code-check-btn:disabled{background-color: #d38955;}.erpia-input{height: 60px; border: none; background: #22222208; border-radius: var(--radius-base);}.note-input{color: #2222224D; margin: 2px;}.erpia-form label{color: #222222; font-size: 16px; font-weight: 700;}.next-step-btn{width: 100%; height: 60px; margin-bottom: 40px; background-color: var(--erpia-primary-color);}.step-3 img{margin: auto;}@media (max-width: 576px){.progress-bar-steps{padding: 0 10px;}.progress-bar-steps .step p{font-size: 12px;}.progress-bar-steps .step:not(:last-child)::after{width: calc(100% - 20px);}}.signup-step.active{display: block; animation: fadeIn 0.3s ease;}@keyframes fadeIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}#loading-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999;}.sticky-progress-bar{top: 0; z-index: 9999; background-color: white; padding: 10px 0;}