*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Segoe UI,sans-serif;background-color:#74899e}.container{height:100vh;width:100vw;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#password{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;margin-right:10px;background-color:#eef1f5;color:#333}.main{max-width:600px;padding:30px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;text-align:center}.main h1{font-size:38px;font-weight:700;margin-bottom:30px;color:#333}.password-div{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.copy{padding:12px 16px;background-color:#7c3aed;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.copy:hover{background-color:#5b21b6}input[type=range]{width:100%;margin:20px 0 10px}.pass-length{display:block;margin-bottom:10px;color:#333;font-size:18px;font-weight:500}.options{display:flex;gap:10px;justify-content:center;margin-top:15px}.checkbox-group{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;width:45%;border:1px solid #ccc;border-radius:8px;margin-right:10px;background-color:#eef1f5}.checkbox-group label{font-size:18px;font-weight:500;color:#333;cursor:pointer}@media (max-width:600px){.main{padding:4vw}.main h1{line-height:45px}.container{padding:10px 25px}}