:root{--green:#42e522;--ink:#0c1b0f;--muted:#657168;--line:#dfe7df}body{background:#f5f8f4}.tool-page{min-height:calc(100vh - 60px)}.tool-hero{padding:85px 0 35px;text-align:center}.tool-hero h1{font:800 52px/1.08 Manrope;margin:14px 0 18px;letter-spacing:-2.5px}.tool-hero p{font-size:18px;max-width:650px;margin:auto}.tool-section{padding:10px 0 90px}.tool-card{max-width:720px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(11,42,17,.08)}.password-output{display:flex;border:2px solid #cfdacf;border-radius:13px;overflow:hidden}.password-output input{min-width:0;flex:1;border:0;padding:18px;font:700 20px/1.2 monospace;color:var(--ink);outline:0}.password-output button{border:0;border-left:1px solid var(--line);background:#eff9ec;color:#187f19;padding:0 24px;font-weight:800;cursor:pointer}.strength-row,.length-control{display:flex;justify-content:space-between;margin-top:24px;font-weight:700}.strength-row b{color:#1b951b}.strength-meter{height:7px;background:#e3eae3;border-radius:9px;margin-top:9px;overflow:hidden}.strength-meter i{display:block;width:82%;height:100%;background:var(--green);border-radius:inherit}.length-control output{color:#1b951b}.tool-card input[type=range]{width:100%;accent-color:#2fcf25;margin:15px 0 24px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-grid label{border:1px solid var(--line);border-radius:10px;padding:13px;font-weight:600}.option-grid input{accent-color:#2fcf25;margin-right:8px}.generate-button{width:100%;border:0;margin-top:25px;font-size:15px;cursor:pointer}.tool-status{min-height:20px;text-align:center;font-size:13px;margin:12px 0 0}@media(max-width:600px){.tool-hero h1{font-size:39px}.tool-card{padding:22px}.password-output input{font-size:15px}.password-output button{padding:0 15px}.option-grid{grid-template-columns:1fr}}