.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}.input-group{margin-top:1rem}.input-group select{width:100%}.input-label{font-family:DM Sans,sans-serif;font-size:.875rem;color:#666;margin-bottom:.5rem;font-weight:700}.input-field{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){.register-page{width:100%!important}.form-container2{width:80%!important}.gender{width:100%!important}.input-field{width:90%}.input-group select{width:100%!important}}.dark-mode .form-container2{background-color:#1e293b;border:1px solid #334155;box-shadow:0 4px 8px rgba(0,0,0,.6)}.dark-mode .form-title{color:#f1f5f9}.dark-mode .input-label{color:#cbd5e1}.dark-mode .gender,.dark-mode .input-field{background-color:#0f172a;color:#e2e8f0;border:1px solid #334155}.dark-mode .input-field:focus{border-color:#3b82f6;outline:none;background-color:#1e293b;color:#f1f5f9}.dark-mode .submit-button-register{background-color:#2563eb;color:white}.dark-mode .submit-button-register:hover{background-color:#1e40af}.dark-mode .login{color:#cbd5e1}.dark-mode .login a{color:#3b82f6}.dark-mode .login a:hover{color:#1e40af;text-decoration:underline}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.form-container1{background-color:white;padding:40px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:400px}.form-title{font-size:24px;color:#333;text-align:center;margin-bottom:10px}.form-content{display:flex;flex-direction:column}.input-group{margin-bottom:10px}.input-label{font-size:14px;color:#333;margin-bottom:8px;display:block}.input-field{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:all .3s ease}.input-field:focus{border-color:#007BFF}.submit-button-login{padding:12px;font-size:16px;background-color:#4e86c3;color:white;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.submit-button-login:hover{background-color:#0056b3}.register{font-size:16px;color:#333;display:block;margin-top:20px;text-align:center}.register a{color:#007BFF;text-decoration:none;font-weight:700;margin-left:5px}.register a:hover{color:#0056b3;text-decoration:underline}@media (max-width:765px){.login-page{margin:10px!important;height:auto}.form-container1{margin-top:20px}.input-field{width:100%!important}}