*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#0f172a,#1e293b,#020617);justify-content:center;align-items:center;height:100vh;padding:15px;display:flex;overflow:hidden}body:before,body:after{content:"";filter:blur(100px);z-index:-1;width:350px;height:350px;position:absolute}body:before{background:radial-gradient(circle,#3b82f6,#0000);animation:6s ease-in-out infinite alternate float;top:-100px;left:-100px}body:after{background:radial-gradient(circle,#22c55e,#0000);animation:8s ease-in-out infinite alternate float;bottom:-100px;right:-100px}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(40px)}}.container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:460px;padding:25px;animation:.8s fadeIn;box-shadow:0 10px 40px #0009}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;margin-bottom:15px}.password-box{gap:8px;margin-bottom:12px;display:flex}.para{word-break:break-all;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:10px;font-size:13px}.range-box{margin-bottom:10px}input[type=range]{accent-color:#3b82f6;width:100%;margin-top:5px}.options{justify-content:space-between;margin-top:10px;display:flex}label{gap:5px;font-size:14px;display:flex}input[type=checkbox]{accent-color:#22c55e}.head{color:#000;font-family:Times New Roman,Times,serif;font-size:35px}.check{margin-bottom:10px}.a{margin-bottom:10px;margin-left:120px;font-family:Times New Roman,Times,serif;font-size:larger}span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px}.btn-group{margin-top:15px}button{cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:10px;font-weight:700;transition:all .3s}.generate{color:#22c55e;background:#22c55e33;border:1px solid #22c55e66}.generate:hover{color:#000;background:#22c55e;transform:scale(1.05)}.copy{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f666;width:auto;padding:8px 10px}.copy:hover{color:#000;background:#3b82f6}@media (width<=480px){.container{padding:18px}h1{font-size:18px}.para,label{font-size:12px}}