@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{height:100vh;overflow-y:hidden;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);background-repeat:no-repeat;-webkit-user-select:none;user-select:none}.password-generator{margin:130px auto;max-width:390px;padding:20px;background:#ffffff1f;border-radius:16px;box-shadow:0 4px 30px #0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.password-generator h2{margin-bottom:20px;text-align:center;color:#fff;background-color:#007bff;border-radius:25px 0;padding:10px;font-weight:600;font-size:20px;text-transform:uppercase;letter-spacing:.2px}.input-group,.checkbox-group,.generate-password{margin-bottom:15px}.checkbox-group{display:flex;align-items:center}.checkbox-group input{margin-right:5px}.input-group label{display:block;font-weight:700;margin-bottom:10px}input[type=number]{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px;outline:none}.generate-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:15px;font-weight:500;transition:all .7s}.generate-btn:hover{background-color:#0056b3}.generated-password{margin-top:10px;display:flex;border:1px solid #ccc;overflow:hidden;border-radius:5px}input[type=text]{border:none;flex:1;padding:10px;outline:none}.copy-btn{width:50px;font-size:20px;text-align:center;border:none;padding:5px;background-color:#007bff;color:#fff;cursor:pointer}