main{display:flex;flex-direction:column;align-items:center;gap:2rem;flex:1;width:100%;max-width:1024px;margin:0 auto}.main-title{padding:2rem;text-align:center}.main-title p{font-size:1.2rem}.hero-section{max-width:1024px;background-color:var(--color-bg-primary);border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden}.hero-image{width:100%;height:auto;display:block;border-radius:12px;margin-bottom:1.5rem}.hero-content{padding:2rem;color:var(--color-text-secondary)}.hero-content h2{margin-bottom:1.2rem}.hero-content p{margin-bottom:1rem}.hero-exception{font-weight:600;color:var(--color-text-primary);margin-top:1.5rem}.hero-highlight{font-size:1.4rem;font-weight:700;color:var(--color-accent);margin-top:.5rem;margin-bottom:1.2rem}.hero-solution{font-weight:600;color:var(--color-accent);margin-top:1.5rem}.hero-checklist{list-style:none;padding:1rem 1.5rem;margin:.5rem 0 1.5rem;background:var(--color-bg-primary);border-radius:12px;box-shadow:var(--shadow-inset)}.hero-checklist li{padding:.5rem 0;font-weight:500}.hero-outro{font-weight:600;color:var(--color-text-primary)}.hero-cta{font-weight:700;color:var(--color-accent);margin-bottom:0}.generators-container{width:100%;margin-top:30px;margin-bottom:0;min-height:400px}.info-container{width:100%}.generator-section{display:none;width:100%;opacity:0;transition:opacity .3s ease}.generator-section.active{display:block;opacity:1}.article-separator{width:80%;height:4px;border:none;border-radius:10px;background:var(--color-bg-primary);box-shadow:var(--shadow-inset);margin:2rem auto}@media (max-width: 768px){main{padding-left:10px;padding-right:10px}.hero-content{padding:1rem}}.password-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.password-item{position:relative;display:flex;align-items:center;width:100%;background:var(--color-bg-primary);border:none;border-radius:12px;box-shadow:var(--shadow-soft);transition:all .3s ease}.password-item:hover{box-shadow:var(--shadow-hover)}.password-input{width:100%;padding:1rem;font-size:1.1rem;border:none;border-radius:12px;background:transparent;color:var(--color-text-primary);cursor:pointer;box-shadow:none}.password-input:focus{outline:none;box-shadow:none}.password-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.copy-button{position:absolute;right:.5rem;background:var(--color-bg-primary);border:none;cursor:pointer;padding:.5rem;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);transition:all .3s ease}.copy-button:hover{box-shadow:var(--shadow-hover);transform:none}.copy-button:active{box-shadow:var(--shadow-inset)}.copy-button svg{fill:var(--color-text-secondary);width:20px;height:20px;transition:fill .2s}.copy-button:hover svg{fill:var(--color-accent)}@keyframes copyFeedback{0%{box-shadow:var(--shadow-soft)}50%{box-shadow:var(--shadow-inset);background:var(--color-accent)}to{box-shadow:var(--shadow-soft);background:var(--color-bg-primary)}}.password-item.copied{animation:copyFeedback .5s ease}.copy-button.copied{background:var(--color-accent);box-shadow:var(--shadow-inset)}.copy-button.copied svg{fill:#fff}.copy-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--color-bg-primary, #e0e5ec);color:var(--color-text-primary, #2d3436);padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;box-shadow:-6px -6px 14px #ffffffb3,6px 6px 14px #a3b1c699;opacity:0;transition:all .3s ease;z-index:9999;pointer-events:none}.copy-notification.visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 480px){.password-input{padding:.75rem;font-size:1rem}.copy-button{width:36px;height:36px;padding:.25rem}.copy-button svg{width:18px;height:18px}}.container{max-width:1024px;margin:2rem auto;padding:2rem;background:var(--color-bg-primary);border-radius:20px;box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.container:hover{box-shadow:var(--shadow-hover)}.container h2{text-align:center;margin-bottom:2rem}.password-display{margin-bottom:2rem}.options{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.count-option,.length-option,.word-option,.phrase-type-option{display:flex;flex-direction:column;gap:.5rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:.75rem 0;background:var(--color-bg-primary);border-radius:10px;box-shadow:var(--shadow-inset);outline:none;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--shadow-hover);transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;box-shadow:var(--shadow-soft)}.checkbox-options{display:flex;flex-direction:column;gap:.75rem}.checkbox-options label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);cursor:pointer}.checkbox-options input[type=checkbox]{appearance:none;width:22px;height:22px;border:none;border-radius:6px;background-color:var(--color-bg-primary);box-shadow:var(--shadow-inset);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.checkbox-options input[type=checkbox]:checked{background-color:var(--color-accent);box-shadow:var(--shadow-inset-active)}.checkbox-options input[type=checkbox]:checked:before{content:"✔";color:#fff;font-size:.85rem}.strength-meter{margin:1.5rem 0}.strength-bars,#strengthMeters{display:flex;gap:.5rem;margin-top:.5rem}.bar{height:8px;flex:1;background:var(--color-bg-primary);border-radius:10px;box-shadow:var(--shadow-inset);transition:background-color .3s,box-shadow .3s}.bar.weak{background-color:#f44;box-shadow:inset 0 0 0 0 transparent}.bar.medium{background-color:#fb3;box-shadow:inset 0 0 0 0 transparent}.bar.strong{background-color:#00c851;box-shadow:inset 0 0 0 0 transparent}.bar.very-strong{background-color:#007e33;box-shadow:inset 0 0 0 0 transparent}.generate-button{width:100%;padding:1rem;font-size:1.2rem;color:#fff;background:var(--color-accent);border:none;border-radius:12px;cursor:pointer;box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.generate-button:hover{box-shadow:var(--shadow-hover)}.generate-button:active{box-shadow:var(--shadow-inset)}@media (max-width: 768px){.container{margin:1rem 0;padding:1.5rem}}@media (max-width: 480px){.container{padding:1.2rem}.container h2{font-size:1.4rem}}.password-list[data-astro-cid-fjtalfpp]{color:var(--color-text-secondary)}.options[data-astro-cid-fjtalfpp]{margin-top:0}select[data-astro-cid-fjtalfpp]{width:100%;padding:.7rem;border:none;border-radius:12px;background-color:var(--color-bg-primary);font-size:1rem;color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-inset);transition:box-shadow .3s}select[data-astro-cid-fjtalfpp]:hover{box-shadow:var(--shadow-inset-active)}select[data-astro-cid-fjtalfpp]:focus{box-shadow:var(--shadow-inset-active);outline:none}.info-box[data-astro-cid-fjtalfpp]{margin-top:2rem;padding:1.5rem;background:var(--color-bg-primary);border-radius:16px;border-left:none;box-shadow:var(--shadow-inset);color:var(--color-text-secondary)}.info-box[data-astro-cid-fjtalfpp] h3[data-astro-cid-fjtalfpp]{color:var(--color-text-primary);margin-bottom:1rem}.info-box[data-astro-cid-fjtalfpp] p[data-astro-cid-fjtalfpp]{margin-bottom:1rem;line-height:1.5}.info-box[data-astro-cid-fjtalfpp] ul[data-astro-cid-fjtalfpp]{padding-left:1.5rem;margin-bottom:1rem}.info-box[data-astro-cid-fjtalfpp] li[data-astro-cid-fjtalfpp]{margin-bottom:.5rem}@media (max-width: 480px){.info-box[data-astro-cid-fjtalfpp]{padding:1rem}}.content-tabs[data-astro-cid-xutx2pvd]{width:100%;max-width:1024px;margin:0 auto}.tabs-nav[data-astro-cid-xutx2pvd]{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;background:var(--color-bg-primary);border-radius:16px;box-shadow:var(--shadow-soft)}.tab-button[data-astro-cid-xutx2pvd]{flex:1;padding:.75rem 1rem;border:none;border-radius:12px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease}.tab-button[data-astro-cid-xutx2pvd]:hover{color:var(--color-text-primary);box-shadow:var(--shadow-soft);transform:none}.tab-button[data-astro-cid-xutx2pvd].active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-inset)}.tab-button[data-astro-cid-xutx2pvd]:active{box-shadow:var(--shadow-inset)}.tabs-content[data-astro-cid-xutx2pvd]{background:var(--color-bg-primary);border-radius:20px;box-shadow:var(--shadow-soft);padding:2rem}.tab-panel[data-astro-cid-xutx2pvd]{display:none;opacity:0;transition:opacity .3s ease}.tab-panel[data-astro-cid-xutx2pvd].active{display:block;opacity:1}@media (max-width: 768px){.tabs-nav[data-astro-cid-xutx2pvd]{flex-direction:column;gap:.5rem}.tabs-content[data-astro-cid-xutx2pvd]{padding:1rem}}