body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0}.container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;box-sizing:border-box}.password-generator{background-color:#1e2140;color:#fff;padding:4rem;border-radius:20px;width:100%;max-width:600px;font-family:Arial,sans-serif;box-shadow:0 10px 20px #0003}h1{font-size:2.5rem;margin-bottom:2rem;text-align:center}.password-display{background-color:#2a2d4c;padding:2rem;border-radius:10px;font-family:monospace;font-size:1.4rem;margin-bottom:2rem;cursor:pointer;position:relative}.copy-hint{position:absolute;right:5px;bottom:5px;font-size:.7rem;opacity:.7}.length-slider{margin-bottom:1rem}.length-slider input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4a4d6e;outline:none;border-radius:15px;height:10px;margin:10px 0}.length-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#6d71a1;cursor:pointer;border-radius:50%;transition:background .15s ease-in-out}.length-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#6d71a1;cursor:pointer;border-radius:50%;border:none;transition:background .15s ease-in-out}.length-slider input[type=range]::-webkit-slider-thumb:hover,.length-slider input[type=range]::-moz-range-thumb:hover{background:#8286b8}.length-slider input[type=range]:active::-webkit-slider-thumb,.length-slider input[type=range]:active::-moz-range-thumb{background:#9599cc}.settings{margin-bottom:1rem}.setting{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.toggle{position:relative;display:inline-block;width:50px;height:24px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a4d6e;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(26px)}.generate-btn{width:100%;padding:1rem;background-color:#6d71a1;border:none;border-radius:5px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s}.generate-btn:hover{background-color:#8286b8}@media (max-width: 480px){.password-generator{padding:1rem}}