:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#101820;--blue:#2468f2;--blue-dark:#174ec0;--mint:#a6f4c5;--paper:#fff;--muted:#65717e;--line:#dbe1e5;background:#f7f9f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7f9f8;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--ink);color:#fff;z-index:20;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 620px);display:flex;position:relative}.brand{align-items:center;gap:10px;font-size:18px;font-weight:750;display:inline-flex}.brand-mark{background:var(--mint);width:36px;height:36px;color:var(--ink);border-radius:8px;place-items:center;display:grid}nav{align-items:center;gap:34px;font-size:14px;display:flex}nav>a:not(.nav-action){color:#c9d0d5}nav>a:hover{color:#fff}.nav-action{border:1px solid #52606a;border-radius:6px;align-items:center;gap:8px;padding:11px 15px;font-weight:650;display:inline-flex}.menu-button{color:#fff;background:0 0;border:0;place-items:center;width:42px;height:42px;display:none}.hero{background:var(--ink);color:#fff;align-items:center;min-height:calc(100svh - 76px);padding:56px 24px 76px;display:grid}.hero-inner{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(48px,7vw,106px);width:min(1240px,100%);margin:0 auto;display:grid}.hero-copy{padding-bottom:18px}.eyebrow,.section-kicker{color:var(--mint);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:750;display:inline-flex}.hero h1{letter-spacing:0;max-width:620px;margin:26px 0 24px;font-size:clamp(48px,5.2vw,76px);font-weight:620;line-height:1.04}.hero-copy>p{color:#c9d0d5;max-width:540px;margin:0;font-size:18px;line-height:1.7}.trust-row{color:#dce2e6;gap:25px;margin-top:30px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:6px;display:inline-flex}.trust-row svg{color:var(--mint)}.generator{background:var(--paper);color:var(--ink);border-radius:8px;min-width:0;padding:28px;box-shadow:0 26px 80px #00000047}.password-output{grid-template-columns:minmax(0,1fr) 42px auto;gap:7px;display:grid}.password-output input{color:#142133;letter-spacing:0;text-overflow:ellipsis;background:#f7f9fa;border:1px solid #bfc9d0;border-radius:6px;width:100%;height:58px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:21px;font-weight:700}.password-output input:focus{border-color:var(--blue);outline:3px solid #2468f22e}.icon-button,.copy-button{color:#34414d;background:#fff;border:1px solid #bfc9d0;border-radius:6px;justify-content:center;align-items:center;height:58px;display:inline-flex}.icon-button{width:42px}.icon-button:hover{color:var(--blue);background:#f0f3f5}.copy-button{border-color:var(--blue);background:var(--blue);color:#fff;gap:8px;min-width:92px;padding:0 15px;font-weight:700}.copy-button:hover{background:var(--blue-dark)}.copy-button.copied{background:#087a4b;border-color:#087a4b}.strength{color:#4c5965;align-items:center;gap:10px;min-height:18px;margin:13px 0 23px;font-size:12px;display:flex}.strength-track{background:#dce3e6;border-radius:3px;width:86px;height:5px;overflow:hidden}.strength-track>span{background:#13a468;height:100%;transition:width .25s;display:block}.local-note{color:#596773;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.tabs{background:#edf1f3;border-radius:6px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.tabs button{color:#5c6873;background:0 0;border:0;border-radius:4px;min-height:43px;font-size:14px;font-weight:650}.tabs button.active{color:var(--blue);background:#fff;box-shadow:0 1px 4px #10182021}.settings{min-height:278px;padding-top:24px}.settings-label{color:#697580;margin:0 0 20px;font-size:13px}.range-head{color:#27333f;justify-content:space-between;align-items:center;font-size:14px;display:flex}.range-head input{text-align:center;width:58px;height:38px;color:var(--ink);border:1px solid #bdc7cd;border-radius:5px;font-weight:700}.range{--range-fill:20%;appearance:none;background:linear-gradient(to right, var(--blue) 0 var(--range-fill), #dce2e6 var(--range-fill) 100%);border-radius:3px;width:100%;height:5px;margin:17px 0 24px}.range::-webkit-slider-thumb{appearance:none;border:6px solid var(--blue);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0003}.range::-moz-range-thumb{border:6px solid var(--blue);background:#fff;border-radius:50%;width:9px;height:9px;box-shadow:0 1px 4px #0003}.toggle-list{border-top:1px solid #e4e8eb}.toggle-row{color:#27333f;cursor:pointer;border-bottom:1px solid #e4e8eb;justify-content:space-between;align-items:center;min-height:49px;font-size:14px;display:flex;position:relative}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle{background:#b7c0c6;border-radius:12px;width:42px;height:24px;padding:3px;transition:background .18s}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block;box-shadow:0 1px 3px #0000002e}.toggle-row input:checked+.toggle{background:var(--blue)}.toggle-row input:checked+.toggle span{transform:translate(18px)}.toggle-row input:focus-visible+.toggle{outline:3px solid #2468f23d}.generate-button{color:#26343f;background:#fff;border:1px solid #ccd4d9;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:20px;font-weight:700;display:flex}.generate-button:hover{background:#f3f6f7;border-color:#9eabb4}.security-band{background:var(--mint);color:var(--ink);grid-template-columns:.75fr 1.25fr;gap:80px;padding:104px max(24px,50vw - 620px);display:grid}.security-band .section-kicker,.guide .section-kicker{color:#176540}.security-band h2,.guide h2{letter-spacing:0;margin:18px 0 0;font-size:clamp(38px,4.4vw,62px);font-weight:620;line-height:1.08}.security-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.security-grid article{border-top:1px solid #10182059;padding-top:20px}.step{font-family:ui-monospace,monospace;font-size:12px}.security-grid h3{margin:46px 0 12px;font-size:21px}.security-grid p{color:#33483e;margin:0;font-size:15px;line-height:1.75}.guide{grid-template-columns:.85fr 1.15fr;gap:96px;max-width:1240px;margin:0 auto;padding:112px 24px 120px;display:grid}.guide h2{color:#15202a}.guide-content article{border-top:1px solid #cfd7db;grid-template-columns:220px 1fr;gap:28px;padding:30px 0;display:grid}.guide-content article:last-child{border-bottom:1px solid #cfd7db}.guide-content h3{margin:0;font-size:19px}.guide-content p{color:#5b6873;margin:0;line-height:1.75}footer{background:var(--ink);color:#c8d0d5;align-items:center;gap:36px;min-height:120px;padding:30px max(24px,50vw - 620px);font-size:13px;display:flex}.footer-brand{color:#fff;margin-right:auto}footer a:last-child{color:var(--mint)}@media (max-width:920px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:680px}.security-band,.guide{grid-template-columns:1fr;gap:55px}.guide-content article{grid-template-columns:180px 1fr}}@media (max-width:640px){.site-header{height:66px;padding-inline:18px}.menu-button{display:grid}nav{background:#18232d;flex-direction:column;align-items:stretch;gap:4px;padding:18px;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 15px 30px #00000040}nav.open{display:flex}nav a{align-items:center;min-height:48px;padding:0 12px;display:flex}.nav-action{justify-content:space-between;margin-top:6px}.hero{padding:42px 16px 58px}.hero h1{margin-top:22px;font-size:44px}.hero-copy>p{font-size:16px}.trust-row{flex-wrap:wrap;gap:10px 20px}.generator{padding:18px}.password-output{grid-template-columns:minmax(0,1fr) 44px}.password-output input{font-size:17px}.copy-button{grid-column:1/-1;width:100%;height:46px}.strength{flex-wrap:wrap}.local-note{width:100%;margin-left:0}.settings{min-height:278px}.security-band{gap:44px;padding:74px 20px}.security-grid{grid-template-columns:1fr;gap:32px}.security-grid h3{margin-top:24px}.guide{gap:44px;padding:78px 20px 84px}.guide-content article{grid-template-columns:1fr;gap:10px;padding:24px 0}footer{flex-wrap:wrap;gap:18px 28px}footer p{order:3;width:100%;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}