.ai-article:has(.protect-passwords-root){background:0 0;border-radius:0;max-width:none;padding:0}.ai-article:has(.protect-passwords-root):before{display:none}.ai-article:has(.protect-passwords-root) .ai-article__inner{max-width:none}.protect-passwords-root{--p:#1a1a1a;--s:#333;--a:#06c;--a2:#0af;--ag:#2a9d8f;--ap:#e76f51;--t:#f8f9fa;--ts:#d1d5db;--cb:#162132b3;--cbr:#0066cc40;--gb:#0f172ae6;--sc:#2a9d8f;--wn:#e9c46a;--dn:#e76f51;--tr:all .25s ease;--rd:12px;--sd:0 6px 20px #00000040;color:var(--t);background:0 0;padding:0 0 50px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.68}html[data-theme=light] .protect-passwords-root{--p:#fff;--s:#f0f7fc;--a:#06c;--a2:#0284c7;--ag:#1b8a7b;--ap:#d65a3d;--t:#0a2236;--ts:#244160;--cb:#fff;--cbr:#d4e4f5;--gb:#fffffff5;--sc:#1b8a7b;--wn:#8a5a00;--dn:#d65a3d;--sd:0 4px 16px #0f233a14;color:var(--t);background:0 0}.protect-passwords-root *,.protect-passwords-root :before,.protect-passwords-root :after{box-sizing:border-box}.protect-passwords-root .container{width:min(calc(100% - 6rem), var(--max,1440px));margin-inline:auto;padding:0}@media (width<=768px){.protect-passwords-root .container{width:100%;padding-inline:1rem}}.protect-passwords-root .toc-wrapper{z-index:1001;position:fixed;top:70px;right:20px}.protect-passwords-root .toc-tooltip{color:#e0e0e0;white-space:nowrap;pointer-events:none;opacity:0;background:#1a1a1a;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:.75rem;transition:opacity .2s;position:absolute;top:50%;right:58px;transform:translateY(-50%)}.protect-passwords-root .toc-tooltip:after{content:"";border:6px solid #0000;border-left-color:#1a1a1a;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.protect-passwords-root .toc-wrapper:hover .toc-tooltip{opacity:1}.protect-passwords-root .toc-button{background:var(--a);cursor:pointer;width:48px;height:48px;box-shadow:var(--sd);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}.protect-passwords-root .toc-button:hover{background:var(--a2);transform:scale(1.08)}.protect-passwords-root .toc-button span{background:#fff;border-radius:2px;width:22px;height:2.5px;margin:2.5px 0;display:block}.protect-passwords-root .toc-panel{background:var(--gb);backdrop-filter:blur(16px);border-left:2px solid var(--a);width:340px;max-width:calc(100vw - 40px);height:100%;box-shadow:var(--sd);z-index:999;padding:65px 20px 30px;transition:right .35s;position:fixed;top:0;right:-380px;overflow-y:auto}.protect-passwords-root .toc-panel.open{right:0}.protect-passwords-root .toc-panel h2{color:var(--a);border-bottom:1px solid var(--cbr);text-align:center;margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:1.35rem}.protect-passwords-root .toc-panel .toc-grid{grid-template-columns:1fr;gap:8px;display:grid}.protect-passwords-root .toc-item{border-left:3px solid var(--a);transition:var(--tr);background:#3336;border-radius:0 6px 6px 0;align-items:center;padding:10px 12px;display:flex}html[data-theme=light] .protect-passwords-root .toc-item{background:#e0e0e066}.protect-passwords-root .toc-item:hover{background:#0066cc2e;transform:translate(4px)}.protect-passwords-root .toc-item a{color:var(--ts);align-items:center;width:100%;font-size:.88rem;text-decoration:none;display:flex}.protect-passwords-root .toc-item a:before{content:"→";color:var(--a);margin-right:8px}.protect-passwords-root .close-toc{cursor:pointer;color:var(--a);font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:14px;right:16px}.protect-passwords-root .close-toc:hover{color:var(--ts)}.protect-passwords-root header{text-align:center;padding:40px 0 20px;position:relative}.protect-passwords-root .header-content{max-width:900px;margin:0 auto}.protect-passwords-root .header-content h1{background:linear-gradient(to right, var(--a), var(--a2));color:#0000;background-clip:text;margin-bottom:16px;font-size:clamp(1.85rem,3.5vw,2.35rem);font-weight:800;line-height:1.18}.protect-passwords-root .header-content .subtitle{color:var(--ts);max-width:650px;margin:0 auto 20px;font-size:1.08rem;line-height:1.5}.protect-passwords-root .meta{color:var(--ts);flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;font-size:.88rem;display:flex}.protect-passwords-root .tag{background:var(--a);color:#fff;box-shadow:var(--sd);transition:var(--tr);border-radius:50px;margin:0 4px 8px 0;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-block}.protect-passwords-root .tag:hover{background:#005bb5;transform:translateY(-2px)}html[data-theme=light] .protect-passwords-root .tag{color:#004c99;background:#0066cc26}html[data-theme=light] .protect-passwords-root .tag:hover{background:#0066cc40}.protect-passwords-root .article-image{text-align:center;max-width:850px;margin:15px auto 35px}.protect-passwords-root .article-image img{object-fit:cover;border-radius:var(--rd);width:100%;max-height:420px;box-shadow:var(--sd);border:1px solid var(--cbr)}.protect-passwords-root .article-section{margin-bottom:36px;scroll-margin-top:90px}.protect-passwords-root .article-section h2{color:var(--a);border-bottom:1px solid var(--cbr);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:10px;font-size:1.45rem;display:flex;position:relative}.protect-passwords-root .article-section h3{color:var(--a);align-items:center;gap:8px;margin:20px 0 10px;font-size:1.15rem;display:flex}.protect-passwords-root p{text-align:left;color:var(--ts);margin-bottom:16px;font-size:1rem;line-height:1.68}html[data-theme=light] .protect-passwords-root p{color:var(--t)}.protect-passwords-root ul{color:var(--ts);margin:16px 0;padding-left:24px}.protect-passwords-root li{margin-bottom:8px;line-height:1.6}html[data-theme=light] .protect-passwords-root ul,html[data-theme=light] .protect-passwords-root li{color:var(--t)}.protect-passwords-root .preambule-box{border-left:4px solid var(--a);border-radius:var(--rd);border:1px solid var(--cbr);background:linear-gradient(135deg,#0066cc1a,#2a9d8f1a);margin:20px 0;padding:18px 22px}.protect-passwords-root .preambule-box p{color:var(--ts);margin-bottom:0}html[data-theme=light] .protect-passwords-root .preambule-box p{color:var(--t)}.protect-passwords-root .stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0;display:grid}.protect-passwords-root .stat-card{text-align:center;background:var(--cb);border-radius:var(--rd);border:1px solid var(--cbr);transition:var(--tr);color:var(--ts);box-shadow:var(--sd);padding:18px;position:relative;overflow:hidden}.protect-passwords-root .stat-card:before{content:"";background:linear-gradient(90deg,#0af,#06c);height:3px;position:absolute;top:0;left:0;right:0}.protect-passwords-root .stat-value{color:var(--a2);margin-bottom:6px;font-size:1.9rem;font-weight:700}.protect-passwords-root .stat-label{color:var(--ts);font-size:.95rem}html[data-theme=light] .protect-passwords-root .stat-label{color:var(--t)}.protect-passwords-root .warning-box{border-radius:var(--rd);border:1px solid var(--cbr);border-left:4px solid var(--wn);background:linear-gradient(135deg,#e76f5126,#e9c46a26);margin:24px 0;padding:18px 22px;position:relative;overflow:hidden}.protect-passwords-root .warning-title{color:var(--wn);align-items:center;gap:8px;margin-bottom:8px;font-size:1.15rem;font-weight:700;display:flex}.protect-passwords-root .warning-text{color:var(--ts);margin-bottom:0;font-size:.95rem}html[data-theme=light] .protect-passwords-root .warning-text{color:var(--t)}.protect-passwords-root .protection-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0;display:grid}.protect-passwords-root .step-card{background:var(--cb);border-radius:var(--rd);text-align:center;transition:var(--tr);border:1px solid var(--cbr);box-shadow:var(--sd);padding:20px;position:relative;overflow:hidden}.protect-passwords-root .step-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000040}.protect-passwords-root .step-card:before{content:"";background:linear-gradient(90deg, var(--ag), var(--a));height:3px;position:absolute;top:0;left:0;right:0}.protect-passwords-root .step-number{color:var(--a);margin-bottom:10px;font-size:1.5rem;font-weight:700}.protect-passwords-root .step-title{color:var(--a);margin-bottom:8px;font-size:1.15rem;font-weight:700}.protect-passwords-root .step-content{color:var(--ts);font-size:.92rem;line-height:1.55}html[data-theme=light] .protect-passwords-root .step-content{color:var(--t)}.protect-passwords-root .table-container{border-radius:var(--rd);border:1px solid var(--cbr);margin:24px 0;overflow-x:auto}.protect-passwords-root table{border-collapse:collapse;background:var(--cb);border-radius:var(--rd);width:100%;font-size:.92rem;overflow:hidden}.protect-passwords-root th,.protect-passwords-root td{text-align:left;border-bottom:1px solid var(--cbr);color:var(--ts);padding:10px 14px}.protect-passwords-root th{background:var(--a);color:#fff;font-weight:600}.protect-passwords-root tr:hover{background:#0066cc14}html[data-theme=light] .protect-passwords-root td{color:var(--t)}html[data-theme=light] .protect-passwords-root th{background:var(--a);color:#fff}.protect-passwords-root .action-plan{border-radius:var(--rd);border:1px solid var(--cbr);border-left:4px solid var(--ag);background:linear-gradient(135deg,#2a9d8f26,#00aaff26);margin:28px 0;padding:22px 26px}.protect-passwords-root .action-plan h3{color:var(--a);margin-bottom:14px;font-size:1.2rem}.protect-passwords-root .action-plan ol{counter-reset:item;padding:0;list-style:none}.protect-passwords-root .action-plan li{counter-increment:item;color:var(--ts);margin-bottom:14px;padding-left:42px;font-size:.95rem;line-height:1.55;position:relative}html[data-theme=light] .protect-passwords-root .action-plan li{color:var(--t)}.protect-passwords-root .action-plan li:before{content:counter(item);background:var(--a);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.protect-passwords-root .faq-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin:36px 0;padding:24px 0;position:relative}.protect-passwords-root .faq-section:before{display:none}.protect-passwords-root .faq-header{text-align:center;margin-bottom:24px}.protect-passwords-root .faq-title{color:var(--a);margin-bottom:8px;font-size:1.5rem}.protect-passwords-root .faq-subtitle{color:var(--ts);max-width:600px;margin:0 auto;font-size:.95rem}html[data-theme=light] .protect-passwords-root .faq-subtitle{color:var(--t)}.protect-passwords-root .faq-container{max-width:750px;margin:0 auto}.protect-passwords-root .faq-item{border:1px solid var(--cbr);background:#3333334d;border-radius:8px;margin-bottom:12px;overflow:hidden}html[data-theme=light] .protect-passwords-root .faq-item{border-color:var(--cbr);background:#f0f7fc99}.protect-passwords-root .faq-question{cursor:pointer;color:var(--a);user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;font-size:1.05rem;font-weight:600;display:flex}.protect-passwords-root .faq-answer{max-height:0;color:var(--ts);padding:0 18px;font-size:.95rem;transition:max-height .3s,padding .3s;overflow:hidden}html[data-theme=light] .protect-passwords-root .faq-answer{color:var(--t)}.protect-passwords-root .faq-item.active .faq-answer{max-height:500px;padding:14px 18px}.protect-passwords-root .faq-toggle{font-size:1.3rem;transition:transform .3s}.protect-passwords-root .faq-item.active .faq-toggle{transform:rotate(45deg)}.protect-passwords-root .resource-link{color:var(--a);transition:var(--tr);font-weight:600;text-decoration:none;position:relative}.protect-passwords-root .resource-link:hover{color:var(--a2);text-decoration:underline}@media (width<=992px){.protect-passwords-root .header-content h1{font-size:2rem}.protect-passwords-root .toc-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=768px){.protect-passwords-root .header-content h1{font-size:1.8rem}.protect-passwords-root .header-content .subtitle{font-size:1rem}.protect-passwords-root .article-section h2{font-size:1.3rem}.protect-passwords-root .toc-grid,.protect-passwords-root .stats-container,.protect-passwords-root .protection-steps{grid-template-columns:1fr}}@media (width<=480px){.protect-passwords-root .header-content h1{font-size:1.6rem}.protect-passwords-root .meta{flex-direction:column;gap:8px}.protect-passwords-root .step-card{padding:14px}.protect-passwords-root .faq-section{padding:16px 0}}
