.form-wrapper{display:flex;justify-content:center;background:linear-gradient(135deg,#ece9e6,#fff);min-height:100vh;overflow-y:auto;padding:20px;box-sizing:border-box}.form-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;padding:40px 35px;width:100%;max-width:450px;transition:all .3s ease}.form-card:hover{transform:scale(1.01);box-shadow:0 20px 50px #0003}.form-title{text-align:center;font-size:26px;margin-bottom:24px;color:#2d3436;font-weight:700}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#34495e;font-weight:600}.input-wrapper{position:relative;width:100%}.input-wrapper input[type=password]{width:100%;padding:12px 14px;border:1px solid #ccc;border-radius:10px;background:#f7f9fa;font-size:15px;transition:.3s}.eye-icon-btn{position:absolute;top:50%;right:-10px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}input[type=text],input[type=email],input[type=number]{width:100%;padding:12px 14px;border:1px solid #ccc;border-radius:10px;background:#f7f9fa;font-size:15px;transition:.3s}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus{border-color:#4a90e2;box-shadow:0 0 6px #4a90e2;background-color:#fff;outline:none}.dropdown{width:100%;padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;transition:border-color .3s,box-shadow .3s}.dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.dropdown[multiple]{height:auto;min-height:100px}.input-error{border-color:#e74c3c;background-color:#ffe6e6}.err-msg{color:#e74c3c;font-size:13px;margin-top:4px}input[type=submit]{width:100%;padding:14px;background:linear-gradient(135deg,#4a90e2,#357ab8);color:#fff;font-weight:700;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:all .3s ease}input[type=submit]:hover{background:linear-gradient(135deg,#3b7ad9,#285aa5);transform:translateY(-2px)}.gender-options{display:flex;gap:10px;margin-top:5px}.gender-options label{display:flex;align-items:center;gap:5px}@media (max-width: 480px){.form-card{padding:30px 20px}.form-title{font-size:22px}}.input-error{border:1px solid red}.error-msg,.err-msg{color:red;font-weight:700}