/* VPNJungle password tools: uses the site's own variables, so light and dark mode follow along */
.tools-hero{padding:34px 0 10px}.tools-hero h1{font-size:clamp(28px,4vw,42px);margin:0 0 8px}.tools-hero p{color:var(--text-muted);max-width:44em;margin:0}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:24px 0}
.tool-card{display:block;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);color:var(--text)}
.tool-card:hover{border-color:var(--brand);text-decoration:none}.tool-card b{display:block;font-size:18px;margin-bottom:4px}.tool-card span{color:var(--text-muted);font-size:14px}.tool-card i{font-style:normal;font-size:26px;display:block;margin-bottom:8px}
.tool{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin:22px 0}
.tool label{display:block;font-weight:600;margin:0 0 6px}
.tool input[type=password],.tool input[type=text]{width:100%;font:18px ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px 14px;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}
.tool input:focus{outline:none;border-color:var(--brand)}
.tool .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}
.tool .opts{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.tool .opts label{font-weight:500;display:flex;gap:6px;align-items:center;margin:0}
.tool input[type=range]{width:220px;accent-color:var(--brand)}
.tbtn{font:600 15px inherit;padding:10px 18px;border-radius:10px;border:0;background:var(--brand);color:#fff;cursor:pointer}.tbtn.alt{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border)}
.meter{height:10px;border-radius:99px;background:var(--bg-elev-2);overflow:hidden;margin:14px 0 8px}.meter i{display:block;height:100%;width:0;transition:width .2s,background .2s}
#strength-out[data-score="0"] .meter i{width:12%;background:var(--danger)}#strength-out[data-score="1"] .meter i{width:30%;background:#f97316}
#strength-out[data-score="2"] .meter i{width:55%;background:#eab308}#strength-out[data-score="3"] .meter i{width:80%;background:var(--accent)}#strength-out[data-score="4"] .meter i{width:100%;background:var(--brand)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}.kv div{background:var(--bg-elev-2);border-radius:10px;padding:12px 14px}.kv small{display:block;color:var(--text-muted);font-size:13px}.kv b{font-size:17px}
.tool-result{margin-top:14px;padding:14px 16px;border-radius:10px;background:var(--bg-elev-2)}.tool-result.good{border-left:5px solid var(--accent)}.tool-result.bad{border-left:5px solid var(--danger)}
.privacy-note{font-size:14px;color:var(--text-muted);border-left:4px solid var(--brand);padding:4px 0 4px 12px;margin:12px 0}
.tools-prose{max-width:760px}.tools-prose h2{margin:1.6em 0 .4em}
.pm-offer{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg-elev);border:2px dashed var(--brand);border-radius:var(--radius);padding:18px 22px;margin:26px 0}
.pm-offer p{margin:4px 0 0;color:var(--text-muted)}.pm-offer small{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);font-size:12px}