.signup-container{height:100vh;display:flex}.forgot-password{text-align:right;margin-top:10px;font-size:15px;text-decoration:none;display:block;color:#fba73d!important}.forgot-password:hover{text-decoration:underline;color:#e6952e!important}.form-section{flex-direction:column;flex:1;justify-content:center;width:50%;padding:150px;display:flex}#remember-me{margin-top:10px;margin-bottom:20px}.form-section h2{margin-bottom:25px;font-weight:700}.signup-form input{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;height:48px;margin-bottom:15px;padding:14px 16px;font-size:15px}.checkbox{align-items:center;gap:10px;margin-bottom:15px;font-size:14px;display:flex}.checkbox input[type=checkbox]{cursor:pointer;accent-color:#fba73d;vertical-align:middle;flex-shrink:0;width:18px;height:18px;margin:0;padding:0}.checkbox label{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin:0;padding:0;line-height:1.4;display:flex}.phone-input-wrapper{align-items:stretch;width:100%;height:48px;display:flex;position:relative}.phone-prefix{color:#333;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #ccc;border-right:none;border-radius:8px 0 0 8px;flex-shrink:0;justify-content:center;align-items:center;min-width:60px;padding:0 14px;font-size:15px;font-weight:600;display:flex}.phone-input-field{border:1px solid #ccc;flex:1;height:100%;font-size:15px;transition:border-color .3s;border-radius:0 8px 8px 0!important;margin:0!important;padding:0 15px!important}.phone-input-field:focus{border-color:#fba73d;outline:none}.phone-input-wrapper:focus-within .phone-prefix{border-color:#fba73d}.phone-input-field.input-error{border-color:#dc3545}.phone-input-wrapper:has(.input-error) .phone-prefix{border-color:#dc3545}.signup-btn{text-align:center;color:#fff;cursor:pointer;background-color:#fba73d;border:none;border-radius:8px;align-content:center;align-items:center;width:100%;height:48px;font-size:16px;font-weight:700;transition:all .3s}.signup-btn:hover{background-color:#e6952e}.divider{text-align:center;margin:20px 0;position:relative}.divider:before,.divider:after{content:"";background:#ccc;width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.divider span{color:#666;background:#fff;padding:0 10px;font-size:14px}.social-buttons{justify-content:space-between;gap:10px;display:flex}.google-btn,.apple-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600}.signin-link{text-align:center;margin-top:15px;font-size:14px}.signin-link a{color:#fba73d;font-weight:700;text-decoration:none;transition:-webkit-text-decoration .2s,text-decoration .2s}.signin-link a:hover{color:#fba73d;text-decoration:underline}.right-panel{color:#fff;background-color:#fba73d;border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.right-panel img{width:70%;margin-bottom:20px}.right-panel h1{font-weight:700}@media (max-width:900px){.right-panel{display:none}.form-section{flex:1;width:100%;padding:30px}}.subtitle{color:#555;margin-bottom:20px;font-size:medium}.signup-link{text-align:center;color:#555;margin-top:20px;font-size:14px}.signup-link a{color:#fba73d;margin-left:5px;font-weight:600;text-decoration:none}.signup-link a:hover{color:#e6952e;text-decoration:underline}.upload-box{cursor:pointer;border:2px dashed #ccc;border-radius:10px;align-items:center;gap:12px;margin:20px 0;padding:12px 16px;transition:border-color .3s;display:flex}.upload-box:hover{border-color:#ff8c00}.hidden-file{display:none}.form-buttons{justify-content:space-between;gap:15px;margin-top:20px;display:flex}.back-btn,.next-btn,.finish-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .3s ease-in-out}.back-btn{color:#444;background:0 0;border:2px solid #888}.back-btn:hover{color:#111;border-color:#333;transform:translate(-3px)}.next-btn{color:#fff;background:linear-gradient(135deg,#ff8c00,#fba73d);box-shadow:0 4px 12px #ff8c0066}.next-btn:hover{transform:translate(3px);box-shadow:0 6px 16px #ff8c0066}.finish-btn{color:#fff;background:linear-gradient(135deg,#ff8c00,#fba73d);box-shadow:0 4px 12px #ff8c0066}.finish-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #ffa62a99}.form-group{flex-direction:column;margin-bottom:15px;display:flex}.input-error{background-color:#fef2f2;border-color:#dc2626!important}.error-text{color:#dc2626;margin-top:4px;font-size:12px;font-weight:500}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;margin-bottom:0;padding-right:48px}.password-toggle-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;transition:opacity .3s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{opacity:1}.password-strength{align-items:center;gap:8px;margin-top:8px;display:flex}.strength-bar{background-color:#e5e7eb;border-radius:2px;flex:1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:width .3s,background-color .3s}.strength-text{min-width:50px;font-size:12px;font-weight:600}.google-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;height:80%;padding:12px;font-size:14px;font-weight:500;display:flex}.google-btn:hover{background:#f8f8f8}.google-icon{width:18px;height:18px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:16px;width:100%;min-width:300px;max-width:380px;padding:2.5rem 2rem;animation:.4s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-modal .modal-icon{color:#10b981;background:#f0fdf4;border-radius:50%;width:70px;height:70px;margin-bottom:1.2rem;font-size:3.5rem;line-height:70px;animation:.5s ease-out .1s both scaleIn;display:inline-block}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-modal h2{color:#1f2937;letter-spacing:-.5px;margin-bottom:.8rem;font-size:1.4rem;font-weight:600}.success-modal p{color:#6b7280;margin:.6rem 0;font-size:.95rem;line-height:1.5}.success-modal p:last-child{color:#9ca3af;margin-top:1rem;font-size:.85rem}@media (max-width:480px){.modal-content{max-width:90vw;padding:2rem 1.5rem}.success-modal .modal-icon{width:60px;height:60px;font-size:3rem;line-height:60px}.success-modal h2{font-size:1.2rem}}
