.register-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:#f3f7fa;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.register-container h2{text-align:center;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1.5rem;position:relative}.form-group input{padding:.75rem;width:100%;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input::placeholder{color:#999;font-style:italic}.form-group input:focus{outline:0;border-color:#4a76a8;box-shadow:0 0 5px rgba(74,118,168,.3)}.form-group input[readonly]{background-color:#f5f5f5;color:#666;cursor:not-allowed}.password-strength{margin-top:.5rem;font-size:.85rem;min-height:1.2rem;position:relative}.password-strength.weak{color:#f44}.password-strength.medium{color:#f80}.password-strength.strong{color:#4caf50}.btn-register:disabled{background-color:#ccc;cursor:not-allowed}.btn-register:disabled:hover{background-color:#ccc}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;font-size:1.2rem;color:#666;padding:5px;border-radius:3px;transition:color .3s}.toggle-password:hover{color:#4a76a8;background-color:rgba(74,118,168,.1)}.btn-register{width:100%;padding:.75rem;background-color:#4a76a8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:2rem}.btn-register:hover{background-color:#3a6690}.login-link{text-align:center;margin-top:1.5rem;color:#666}.login-link a{color:#4a76a8;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:480px){.register-container{margin:1rem;padding:1.5rem}}