.password-generator{max-width:900px;margin:0 auto;padding:0 20px 40px}.pg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:40px;box-shadow:var(--shadow-2xl);margin-top:30px}.pg-result-wrapper{display:flex;gap:16px;margin-bottom:24px}.pg-result{flex:1;background:var(--bg-base);border:1px solid var(--border);border-radius:20px;padding:0 24px;height:72px;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 2px 4px #0000000d}.pg-result::-webkit-scrollbar{display:none}.pg-text{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:.05em}.pg-actions{display:flex;gap:12px}.icon-btn-pg{height:72px;padding:0 24px;border-radius:20px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.icon-btn-pg:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 20px var(--accent-dim)}.copy-main{background:var(--accent);color:#fff;border:none;min-width:140px}.copy-main:hover{background:var(--accent-bright);color:#fff}.pg-strength{margin-bottom:40px}.strength-header{font-size:.9rem;color:var(--text-muted);margin-bottom:12px}.strength-header strong{color:var(--text-primary);margin-left:4px}.strength-bar-bg{height:10px;background:var(--bg-base);border-radius:5px;overflow:hidden}.strength-bar-fill{height:100%;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.pg-controls{display:grid;gap:40px}.control-header{display:flex;justify-content:space-between;margin-bottom:15px}.control-header label{font-weight:800;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.control-header span{color:var(--accent);font-weight:900;font-size:1.1rem}.pg-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:var(--bg-base);outline:none;border:1px solid var(--border)}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;border:4px solid var(--bg-surface);box-shadow:0 4px 12px #0003;transition:transform .2s}.pg-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.option-label{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;cursor:pointer;transition:all .2s}.option-label:hover{border-color:var(--accent);background:var(--bg-base);transform:translateY(-2px)}.option-label input{display:none}.custom-checkbox{width:24px;height:24px;border:2px solid var(--border);border-radius:8px;position:relative;transition:all .2s;flex-shrink:0}.option-label input:checked+.custom-checkbox{background:var(--accent);border-color:var(--accent)}.option-label input:checked+.custom-checkbox:after{content:"";position:absolute;left:8px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.label-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.pg-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:60px}.info-box{text-align:center;padding:30px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px}.info-icon{width:60px;height:60px;background:var(--accent-dim);color:var(--accent);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.info-box h4{margin-bottom:12px;font-weight:800;font-size:1.1rem}.info-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.pg-result-wrapper{flex-direction:column}.icon-btn-pg{width:100%;height:64px}.pg-result{height:64px}.pg-text{font-size:1.2rem}.pg-card{padding:24px}}