.register-form-container{width:100%;max-width:500px;background-color:white;border-radius:12px;border:1px solid #d1d1d1;box-shadow:0 5px 8px rgba(0,0,0,.15);padding:2rem;margin:80px auto 50px}button{background-color:#4a90e2;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.register-form-title{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:600;text-align:center;color:#2c3e50;margin-bottom:15px}.register-input-group{margin-top:1.2rem}.register-input-label{font-family:Poppins,sans-serif;font-size:.9rem;color:#555;margin-bottom:.4rem;font-weight:600;display:block}.register-input-field{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:6px;background-color:#fdfdfd;font-size:.9rem;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.blood-d,.gender-d,.location-d{width:100%!important}button:hover{background-color:#357ab7;transform:translateY(-3px)}.register-gender-select{width:100%!important}.register-input-field:focus{border-color:#3498db;outline:none}.register-navigation-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.register-button{width:48%;height:45px;background-color:#4e86c3;color:white;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out}.register-button:hover{background-color:#0056b3}.register-submit-button{width:100%;height:50px;margin-top:1.5rem;background-color:#2ecc71;color:white;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out}.register-submit-button:hover{background-color:#27ae60}.register-login-text{font-size:16px;color:#333;display:block;margin-top:25px;text-align:center}.register-login-text a{color:#3498db;text-decoration:none;font-weight:600;margin-left:5px}.register-login-text a:hover{color:#21618c;text-decoration:underline}.input-group{margin:4px!important}.button-group{display:flex;justify-content:space-between}@media (max-width:768px){.register-page{width:100%}.register-form-container{width:85%!important;padding:1.8rem}.register-gender-select{width:100%!important}.register-input-field{width:100%}.register-navigation-buttons{flex-direction:column}.register-button{width:100%;margin-bottom:10px}}.dark-mode .register-form-container{background-color:#1e293b;border:1px solid #334155;box-shadow:0 5px 15px rgba(0,0,0,.5)}.dark-mode .register-form-title{color:#f1f5f9}.dark-mode .register-input-label{color:#cbd5e1}.dark-mode .blood-d,.dark-mode .gender-d,.dark-mode .location-d,.dark-mode .register-gender-select,.dark-mode .register-input-field{background-color:#0f172a;color:#e2e8f0;border:1px solid #334155}.dark-mode .register-input-field:focus{border-color:#3b82f6;outline:none;background-color:#1e293b;color:#f1f5f9}.dark-mode .register-button,.dark-mode .register-submit-button,.dark-mode button{background-color:#2563eb;color:white}.dark-mode .register-button:hover,.dark-mode .register-submit-button:hover,.dark-mode button:hover{background-color:#1e40af}.dark-mode .register-login-text{color:#cbd5e1}.dark-mode .register-login-text a{color:#3b82f6}.dark-mode .register-login-text a:hover{color:#1e40af;text-decoration:underline}.form-container2{width:100%;max-width:470px;background-color:white;border-radius:10px;border:1px solid #ddd;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:2rem;margin:85px auto 40px}.form-title{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;text-align:center;color:#333;margin-bottom:10px}.input-group{margin-top:1rem}.input-group select{width:98%}.input-label{font-family:DM Sans,sans-serif;font-size:.875rem;color:#666;margin-bottom:.5rem;font-weight:700}.input-field{width:93%;padding:.75rem;border:1px solid #ddd;border-radius:5px;background-color:white;font-size:.875rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:border .3s ease-in-out}.gender{width:99%!important}.input-field:focus{border:1px solid #007bff;outline:none}.submit-button-register{width:100%;height:50px;margin-top:1.5rem;background-color:#4e86c3;color:white;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease-in-out}.submit-button-register:hover{background-color:#0056b3}.login{font-size:16px;color:#333;display:block;margin-top:20px;text-align:center}.login a{color:#007BFF;text-decoration:none;font-weight:700;margin-left:5px}.login a:hover{color:#0056b3;text-decoration:underline}.btn-con{display:flex;justify-content:space-between}@media (max-width:765px){.form-container2,.gender,.register-page{width:100%!important}.input-field{width:90%}.input-group select{width:100%!important}}