.generator-wrapper{background-image:url(https://images.unsplash.com/photo-1518770660439-4636190af475);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.overlay{background:#0009;position:absolute;inset:0}.generator-card{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background:#ffffff1a;border-radius:16px;width:100%;max-width:500px;padding:40px;position:relative}.generator-card h1{margin-bottom:10px;font-size:28px;font-weight:700}.generator-card span{color:#aaa}.subtitle{opacity:.8;margin-bottom:20px;font-size:14px}.control{text-align:left;margin-bottom:20px}.control label{opacity:.9;margin-bottom:10px;font-size:14px;display:block}.control input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#fff 0%,#888 100%);border-radius:999px;outline:none;width:100%;height:6px;margin:0;display:block}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:0;transition:all .2s;box-shadow:0 0 0 4px #fff3}.control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 6px #ffffff4d}.control input[type=range]::-webkit-slider-runnable-track{border-radius:999px;height:20px}.control input[type=range]::-moz-range-track{border-radius:999px;height:6px}.control input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:10px;height:10px}.options{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.options label{cursor:pointer;letter-spacing:.2px;background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .25s;display:flex}.options label:hover{background:#ffffff1a}.options input[type=checkbox]{appearance:none;cursor:pointer;background:#fff3;border-radius:999px;width:40px;height:22px;transition:all .3s;position:relative}.options input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:3px;left:4px}.options input[type=checkbox]:checked{background:#fff}.options input[type=checkbox]:checked:before{background:#000;transform:translate(18px)}.generate-btn{color:#000;cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:12px;font-weight:700;transition:all .3s}.generate-btn:hover{background:#ddd;transform:translateY(-1px)}.password-box{cursor:pointer;word-break:break-all;background:#ffffff1f;border-radius:10px;margin-top:20px;padding:16px;font-family:monospace;transition:all .3s}.password-box:hover{background:#fff3;transform:scale(1.01)}.copy-text{opacity:.7;margin-top:8px;font-size:12px;display:block}.password-box{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}