.password-generator-container{max-width:800px;margin:0 auto;padding:30px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:20px;box-shadow:0 15px 35px rgb(0 0 0 / .1);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.pg-header{text-align:center;margin-bottom:40px}.pg-header h2{color:#2c3e50;font-size:2.5em;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:15px}.pg-header .fa-key{color:#3498db}.pg-subtitle{color:#7f8c8d;font-size:1.1em;margin-top:0}.pg-form{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .05);margin-bottom:30px}.pg-form-group{margin-bottom:25px}.pg-form-group label{display:flex;align-items:center;gap:10px;color:#2c3e50;font-weight:600;margin-bottom:10px;font-size:1.1em}.pg-form-group .fa-user,.pg-form-group .fa-ruler,.pg-form-group .fa-check-circle{color:#3498db;width:20px}.pg-input{width:100%;padding:15px;border:2px solid #e0e6ed;border-radius:10px;font-size:16px;transition:all 0.3s ease;box-sizing:border-box}.pg-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgb(52 152 219 / .2)}.pg-help-text{color:#7f8c8d;font-size:.9em;margin-top:5px;margin-bottom:0}.pg-slider-container{background:#f8f9fa;padding:20px;border-radius:10px}.pg-slider{width:100%;height:10px;-webkit-appearance:none;background:linear-gradient(to right,#3498db,#2ecc71);border-radius:5px;outline:none;margin:15px 0}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;background:#2c3e50;border-radius:50%;cursor:pointer;box-shadow:0 3px 10px rgb(0 0 0 / .2);border:3px solid #fff}.pg-slider-info{display:flex;justify-content:space-between;align-items:center;margin-top:10px}#pg-length-value{font-size:1.5em;font-weight:700;color:#2c3e50;background:#fff;padding:5px 15px;border-radius:20px;box-shadow:0 3px 10px rgb(0 0 0 / .1)}.pg-slider-min-max{color:#7f8c8d;font-size:.9em}.pg-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.pg-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:8px;transition:background-color 0.3s ease}.pg-checkbox:hover{background-color:#f8f9fa}.pg-checkbox input[type="checkbox"]{display:none}.pg-checkmark{width:22px;height:22px;border:2px solid #3498db;border-radius:5px;display:inline-block;position:relative;transition:all 0.3s ease}.pg-checkbox input:checked+.pg-checkmark{background-color:#3498db;border-color:#3498db}.pg-checkbox input:checked+.pg-checkmark::after{content:'✓';position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-button{padding:16px 30px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px}.pg-generate-btn{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;font-size:1.1em}.pg-generate-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgb(52 152 219 / .3)}.pg-results{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .05);margin-bottom:30px}.pg-results h3{color:#2c3e50;font-size:1.8em;margin-bottom:10px;display:flex;align-items:center;gap:10px}.pg-results .fa-lock{color:#2ecc71}.pg-passwords-list{margin:25px 0;min-height:200px}.pg-password-item{background:#f8f9fa;padding:18px;margin-bottom:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;border-left:4px solid #3498db}.pg-password-item:hover{transform:translateX(5px);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.pg-password-text{font-family:'Courier New',monospace;font-size:1.2em;color:#2c3e50;letter-spacing:1px;word-break:break-all;padding-right:15px}.pg-copy-btn{background:#3498db;color:#fff;border:none;border-radius:8px;width:45px;height:45px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2em;flex-shrink:0}.pg-copy-btn:hover{background:#2980b9;transform:scale(1.1)}.pg-copy-btn.copied{background:#2ecc71}.pg-empty-state{text-align:center;padding:50px 20px;color:#7f8c8d}.pg-empty-state .fa-key{color:#bdc3c7;margin-bottom:20px}.pg-bulk-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.pg-secondary-btn{background:#95a5a6;color:#fff}.pg-secondary-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.pg-footer{background:#2c3e50;color:#fff;padding:20px;border-radius:10px;text-align:center}.pg-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.pg-footer .fa-shield-alt{color:#2ecc71}@media (max-width:768px){.password-generator-container{padding:20px;margin:20px}.pg-header h2{font-size:2em;flex-direction:column;gap:10px}.pg-form,.pg-results{padding:20px}.pg-bulk-actions{grid-template-columns:1fr}.pg-checkbox-group{grid-template-columns:1fr}.pg-password-item{flex-direction:column;align-items:flex-start;gap:15px}.pg-copy-btn{align-self:flex-end}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pg-password-item{animation:fadeIn 0.5s ease forwards}