.signup-container{font-family:'Nunito Sans',sans-serif;max-width:420px;margin:50px auto;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgb(0 0 0 / .2);overflow:hidden;transition:all 0.3s ease}.signup-header{text-align:center;background:linear-gradient(135deg,#ff7a18,#ffb347);color:#fff;padding:1.4rem 1rem;font-size:1.4rem;font-weight:400;transition:all 0.3s ease}.signup-box{padding:1.5rem}.icon-container{display:flex;justify-content:center;align-items:center;height:50px;color:#ff7a18;margin-bottom:20px;transition:transform 0.3s ease}.signup-box .form-control{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:94%;margin-bottom:.6rem;outline:none;transition:all 0.3s ease}.signup-box .form-control:focus{border-color:#ff7a18;box-shadow:0 0 0 .2rem rgb(255 122 24 / .25)}.form-label{font-weight:400;color:#444;margin-bottom:.2rem;display:block}.small,#generalError,#usernameError,#emailError,#passwordError{font-size:.85rem;color:red;display:block;margin-top:4px}.signup-container .btn-primary,.signup-container .btn-secondary{font-size:1rem;font-weight:400;margin-bottom:-4px;gap:10px;padding:.7rem;width:100%;cursor:pointer;text-align:center;border-radius:5px;color:#fff;border:none;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.signup-container .btn-primary{background:linear-gradient(135deg,#ff7a18,#ffb347)}.signup-container .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgb(78 84 200 / .2)}..signup-container .btn-primary:active{transform:translateY(-1px)}.signup-container .btn-primary:focus{box-shadow:0 16px 36px rgb(78 84 200 / .22),0 0 0 6px rgb(78 84 200 / .06);outline:none}.signup-container .btn-secondary{background:linear-gradient(135deg,#0fc5d5,#08a2b1);margin-top:1rem}.signup-container .btn-secondary:hover{background:linear-gradient(135deg,#0eb6c1,#079196);transform:scale(1.02)}.spinner{display:none;margin:20px auto;width:30px;height:30px;border:4px solid rgb(0 0 0 / .1);border-top-color:#ff7a18;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{font-size:.875rem;margin-bottom:1rem;padding:10px;border-radius:5px;color:#fff}.alert-success{background-color:#28a745}.alert-danger{background-color:#dc3545}.alert-warning{background-color:#ffc107}@media (max-width:576px){.signup-container{width:90%}.signup-header{font-size:1.25rem;padding:1.2rem 1rem}.signup-box{padding:1.5rem}}button:disabled{background-color:#ccc;cursor:not-allowed}