body{font-family:Arial,Helvetica,sans-serif;background-color:#f4f6f8;margin:0;padding:0}.container{width:400px;height:350px;margin:150px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a}h2{text-align:center;margin-bottom:20px}input{width:100%;padding:10px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;font-size:14px}input:focus{outline:none;border-color:#4a90e2}button{padding:10px 15px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;font-size:14px}button:first-of-type{background-color:#ccc}button:last-of-type{margin-top:12px;background-color:#4a90e2;color:#fff}button:hover{opacity:.9}.error{color:red;font-size:12px;margin-top:-10px;margin-bottom:10px}button:disabled{background-color:#ccc!important;cursor:not-allowed}.password-field{position:relative}.password-field span{position:absolute;right:10px;top:8px;cursor:pointer}.progress{margin-bottom:20px;font-weight:700}.progress-bar{width:100%;height:8px;background-color:#ddd;border-radius:5px;margin-top:5px}.progress-fill{height:100%;background-color:#4a90e2;border-radius:5px;transition:width .3s ease}.success-message{background-color:#e6ffed;color:#2e7d32;padding:12px;margin-bottom:15px;border-radius:6px;text-align:center;font-weight:500;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){body{padding:10px}.form-container{width:100%;padding:20px;border-radius:12px}h1,h2{font-size:20px;text-align:center}.form-group{margin-bottom:15px}input,select,textarea{width:100%;font-size:14px;padding:10px}.button-group{display:flex;flex-direction:column;gap:12px}button{width:100%;padding:10px;font-size:14px}.success-message{font-size:14px;text-align:center}}