body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f172a,#3b82f6);min-height:100vh;display:flex;justify-content:center;align-items:center}.container{max-width:500px;width:90%;padding:2rem;background-color:#ffffff1a;border-radius:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0003;color:#f1f5f9}h1{text-align:center;margin-bottom:2rem;font-size:1.8rem;color:#fff}.password-display{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.password-display input{flex:1;padding:.6rem 1rem;font-size:1rem;border:none;border-radius:.5rem;background-color:#ffffffe6;color:#0f172a;font-weight:700}.password-display button{padding:.6rem 1rem;font-size:1rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s ease}.password-display button:hover{background-color:#1d4ed8}.options{display:flex;flex-direction:column;gap:1rem}.option{display:flex;align-items:center;justify-content:space-between}input[type=range]{width:100%}label{font-size:1rem;color:#e2e8f0}input[type=checkbox]{width:20px;height:20px;accent-color:#60a5fa}@media (max-width: 600px){.container{padding:1.5rem}h1{font-size:1.5rem}}