:root{--password-blue:#17569b;--password-blue-dark:#103e70;--password-ink:#172033;--password-muted:#65718a;--password-border:#dce9f6;--password-bg:#f8fbff;--password-soft:#eaf4ff;--password-green:#1d9b72}body:has(.password-page){background:var(--password-bg);color:var(--password-ink)}body:has(.password-page) .site-header{border-bottom-color:var(--password-border)}body:has(.password-page) .brand__mark{background:var(--password-blue);color:#fff}.password-page{padding-top:25px}.password-page .breadcrumbs{color:var(--password-muted)}.password-page .tool-hero{max-width:780px;margin:48px auto 34px;text-align:center}.password-page .tool-hero .eyebrow{justify-content:center;color:var(--password-blue)}.password-page .eyebrow__dot{background:#2878c8;box-shadow:0 0 0 5px #2878c833}.password-page .tool-hero h1{color:var(--password-ink);font-size:clamp(42px,5vw,64px);letter-spacing:-.07em}.password-page .tool-hero>p:last-child{max-width:610px;margin-inline:auto;color:var(--password-muted);font-size:16px}.password-page .password-tool{max-width:920px;margin:0 auto;padding:28px;border-color:var(--password-border);border-radius:18px;background:#fff;box-shadow:0 18px 50px #17569b12}.password-page .password-layout{grid-template-columns:1.1fr .9fr;gap:28px}.password-page .password-results,.password-page .password-options{padding:0;border:0;background:transparent}.password-page .password-results{display:flex;flex-direction:column}.password-page .password-results__header{padding-bottom:13px;color:var(--password-ink);border-bottom:1px solid var(--password-border)}.password-page .password-results__secure{color:var(--password-green)}.password-page .password-list{margin-top:20px}.password-page .password-row{min-height:62px;padding:14px 16px;border-color:var(--password-border);border-radius:10px;background:var(--password-bg)}.password-page .password-value{color:var(--password-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.password-page .password-row .text-button{padding:7px 10px;border:1px solid var(--password-border);border-radius:7px;background:#fff;color:var(--password-blue);font-weight:700}.password-page .password-strength{margin-top:24px}.password-page .password-strength__top{color:var(--password-muted)}.password-page .password-strength__top strong{color:var(--password-blue)}.password-page .strength-meter{height:8px;background:#e1e9f2}.password-page .password-result-actions{margin-top:24px}.password-page .password-result-actions .button--primary{background:var(--password-blue);box-shadow:0 5px 12px #17569b26}.password-page .password-result-actions .button--primary:hover{background:var(--password-blue-dark)}.password-page .button--secondary{border-color:var(--password-border);color:var(--password-blue);background:var(--password-soft)}.password-page .button--quiet{border-color:var(--password-border);color:var(--password-muted)}.password-page .password-options{padding:22px;border:1px solid var(--password-border);border-radius:14px;background:var(--password-bg)}.password-page .password-options__heading{margin-bottom:24px}.password-page .password-options h3{color:var(--password-ink)}.password-page .password-options__heading span,.password-page .password-checks label,.password-page .count-control{color:var(--password-muted)}.password-page .range-control output{background:#dce9f6;color:var(--password-blue)}.password-page .range-control input{accent-color:var(--password-blue)}.password-page .password-checks{gap:0;margin-top:22px;padding-top:17px;border-top-color:var(--password-border)}.password-page .password-checks label{padding:10px 0}.password-page .password-checks input{accent-color:var(--password-blue)}.password-page .count-control{margin-top:18px;padding-top:17px;border-top-color:var(--password-border)}.password-page .count-control select{border-color:var(--password-border);color:var(--password-ink)}.password-page .tool-content{max-width:920px;margin-inline:auto;border-bottom-color:var(--password-border)}.password-page .privacy-note{border-color:var(--password-border);background:var(--password-soft)}.password-page .privacy-note__icon{background:#dce9f6;color:var(--password-blue)}.password-page .faq-item{border-color:var(--password-border)}@media(max-width:800px){.password-page .password-layout{grid-template-columns:1fr}.password-page .password-options{order:2}}@media(max-width:520px){.password-page .tool-hero{margin-top:32px}.password-page .password-tool{padding:16px}.password-page .password-options{padding:16px}.password-page .password-result-actions .button{flex:auto}.password-page .password-tool .password-results__header{align-items:flex-start;flex-direction:column;gap:6px}}
