.password-container{max-width:900px;margin:0 auto;padding:20px}.password-container h1{margin-bottom:10px;font-size:32px;font-weight:700}.password-container p.subtitle{color:#444;margin-bottom:28px;font-size:16px}.password-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.password-controls label{align-items:center;gap:6px;font-size:15px;display:flex}.password-length-input{border:1px solid #ccc;border-radius:6px;width:70px;padding:8px 10px;font-size:15px}.btn-generate{color:#fff;cursor:pointer;background:#004aad;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .15s ease-in-out}.btn-generate:hover{background:#00398a}.password-output-wrapper{margin-top:12px;position:relative}.password-output{color:#fff;background:#1e1e1e;border:1px solid #333;border-radius:8px;align-items:center;min-height:55px;padding:16px;font-family:monospace;font-size:16px;display:flex}.copy-badge{cursor:pointer;z-index:100;background:#f0f0f0;border:1px solid #ccc;border-radius:12px;align-items:center;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:-12px;right:10px}.copy-badge:hover{background:#e3e3e3}.seo-section{background:#f7f8fa;border:1px solid #e1e4eb;border-radius:10px;margin-top:40px;padding:24px}.seo-section h2{margin-bottom:14px;font-size:24px;font-weight:700}@media (max-width:700px){.password-controls{flex-direction:column;align-items:flex-start}.btn-generate{width:100%;padding:12px;font-size:16px}.password-output{font-size:14px}}