*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:#f4f3ef;color:#2a2a2a;min-height:100vh;line-height:1.6}::selection{background:#00c97b;color:#fff}.bookmark-hint{display:inline-block;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:#aaa}.bookmark-hint #bookmarkKey,.bookmark-hint .bookmark-key-d{background:#e5e4e0;color:#555;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}header{background:#fff;border-bottom:1px solid #e5e4e0;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1a1a1a;flex-shrink:0}.logo-icon{width:32px;height:32px;background:#0e1117;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;color:#0f8;font-size:16px;font-weight:700}.logo-text{font-weight:700;font-size:16px;letter-spacing:-.3px}.logo-text span{color:#00c97b}nav{display:flex;gap:2px;flex-wrap:wrap}nav a{color:#777;text-decoration:none;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px;transition:all .2s;white-space:nowrap}nav a:hover{color:#333;background:#f0efeb}nav a.active{color:#0e1117;background:#eeedea;font-weight:600}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:101}.burger span{display:block;width:22px;height:2px;background:#1a1a1a;border-radius:2px;transition:all .3s}.burger[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.page-wrapper{max-width:900px;margin:0 auto;padding:32px 24px 60px}.hero{margin-bottom:20px}.hero h1{font-size:28px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px;margin-bottom:6px}.hero p{color:#888;font-size:14px}.terminal{background:#0e1117;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #0000001f,0 1px 3px #00000014}.terminal-bar{background:#161b22;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #21262d}.terminal-dots{display:flex;gap:6px}.terminal-dots span{width:11px;height:11px;border-radius:50%}.terminal-dots .r{background:#ff5f57}.terminal-dots .y{background:#febc2e}.terminal-dots .g{background:#28c840}.terminal-tab{margin-left:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:#8b949e;letter-spacing:.3px}.terminal-body{padding:24px}.prompt{font-family:JetBrains Mono,monospace;font-size:13px;margin-bottom:20px;line-height:1.5}.p-green{color:#0f8}.p-dim{color:#8b949e}.p-blue{color:#58a6ff}.p-white{color:#c9d1d9}.cursor{display:inline-block;width:7px;height:14px;background:#0f8;animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:1px}@keyframes blink{50%{opacity:0}}.output-box{background:#090b10;border:1px solid #1b2030;border-radius:8px;padding:20px;text-align:center;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:500;letter-spacing:1.5px;word-break:break-all;cursor:pointer;transition:border-color .2s;min-height:64px;display:flex;align-items:center;justify-content:center;color:#0f8}.output-box:hover{border-color:#0f84}.ch-u{color:#0f8}.ch-l{color:#7ee2b0}.ch-n{color:#79c0ff}.ch-s{color:#ff7eb3}.strength{display:flex;align-items:center;gap:10px;margin-top:12px}.strength-segs{display:flex;gap:3px;flex:1}.strength-segs .seg{flex:1;height:3px;background:#1b2030;border-radius:2px;transition:background .3s}.str-4 .seg:nth-child(-n+4){background:#0f8}.str-3 .seg:nth-child(-n+3){background:#ffd93d}.str-2 .seg:nth-child(-n+2){background:#ffa502}.str-1 .seg:nth-child(-n+1){background:#ff4757}.strength-text{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.8px;text-transform:uppercase;min-width:160px;text-align:left;order:-1}.s4{color:#0f8}.s3{color:#ffd93d}.s2{color:#ffa502}.s1{color:#ff4757}.controls{margin-top:20px;display:flex;flex-direction:column;gap:14px}.ctrl-row{display:flex;align-items:center;gap:14px}.ctrl-label{font-family:JetBrains Mono,monospace;font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:1px;min-width:90px}.range-wrap{flex:1;display:flex;align-items:center;gap:10px}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;background:#1b2030;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#0f8;cursor:pointer;box-shadow:0 0 8px #00ff8859}.range-val{font-family:JetBrains Mono,monospace;color:#0f8;font-size:13px;font-weight:600;min-width:30px;text-align:right}.toggles{display:flex;flex-wrap:wrap;gap:6px}.tog{background:#161b22;border:1px solid #30363d;color:#8b949e;font-family:JetBrains Mono,monospace;font-size:11px;padding:7px 14px;border-radius:6px;cursor:pointer;transition:all .2s}.tog:hover{border-color:#484f58;color:#c9d1d9}.tog.on{background:#00ff8814;border-color:#0f84;color:#0f8}.term-input{background:#090b10;border:1px solid #1b2030;border-radius:6px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:13px;color:#c9d1d9;outline:none;transition:border-color .2s;width:100%}.term-input:focus{border-color:#0f84}.term-input::placeholder{color:#6e7681}.term-select{background:#090b10;border:1px solid #1b2030;border-radius:6px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12px;color:#c9d1d9;outline:none;cursor:pointer;transition:border-color .2s}.term-select:focus{border-color:#0f84}.term-select option{background:#0e1117;color:#c9d1d9}.btns{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.btn{font-family:JetBrains Mono,monospace;font-size:12px;padding:12px 22px;border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:.5px;text-transform:uppercase;border:1px solid}.btn-gen{background:#0f8;border-color:#0f8;color:#0e1117;font-weight:700}.btn-gen:hover{background:#00e67a;box-shadow:0 0 16px #00ff8840}.btn-copy{background:transparent;border-color:#0f84;color:#0f8c}.btn-copy:hover{border-color:#0f8;color:#0f8;box-shadow:0 0 8px #00ff8826}.btn-danger{background:transparent;border-color:#ff475733;color:#ff4757}.btn-danger:hover{background:#ff475714}.log{margin-top:16px;padding-top:14px;border-top:1px solid #161b22;font-family:JetBrains Mono,monospace;font-size:11px}.log-row{display:flex;gap:10px;padding:3px 0;color:#7a828e}.log-row .hl{color:#0f89}.log-type{color:#0f8c}.content-section{margin-top:40px}.content-section h2{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:16px;margin-top:28px}.content-section h2:first-child{margin-top:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.faq-item{background:#fff;border:1px solid #e5e4e0;border-radius:10px;padding:18px 20px}.faq-item h3{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.faq-item p{font-size:13px;color:#777;line-height:1.6}.content-card{background:#fff;border:1px solid #e5e4e0;border-radius:12px;padding:24px 28px;margin-bottom:16px}.content-card h3{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.content-card p,.content-card li{font-size:13px;color:#666;line-height:1.7}.content-card ol,.content-card ul{padding-left:20px;margin-top:8px}.content-card li{margin-bottom:6px}.sim-card{background:#0e1117;border-radius:12px;padding:28px;margin-top:16px;box-shadow:0 8px 40px #0000001f}.sim-card h3{font-family:JetBrains Mono,monospace;font-size:14px;color:#c9d1d9;margin-bottom:4px}.sim-card .sim-sub{font-size:12px;color:#8b949e;margin-bottom:16px}.sim-result{font-family:JetBrains Mono,monospace;font-size:13px;color:#8b949e;margin-top:16px;line-height:1.8}.sim-result .val{color:#0f8;font-weight:600}.sim-result .bad{color:#ff4757;font-weight:600}.sim-result .warn{color:#ffa502;font-weight:600}.sim-result .good{color:#0f8;font-weight:600}.multi-output{background:#090b10;border:1px solid #1b2030;border-radius:8px;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:13px;max-height:400px;overflow-y:auto}.multi-output .row{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid #12162080;cursor:pointer;transition:background .15s}.multi-output .row:hover{background:#00ff8808}.multi-output .row:last-child{border-bottom:none}.multi-output .row-num{color:#7a828e;font-size:11px;min-width:24px}.multi-output .row-pw{color:#c9d1d9;word-break:break-all;flex:1}.multi-output .row-copy{color:#7a828e;font-size:10px;opacity:0;transition:opacity .15s}.multi-output .row:hover .row-copy{opacity:1;color:#0f8}.qr-display{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;margin-top:16px}.qr-display canvas,.qr-display img,.qr-display svg{max-width:256px}.intro-text{font-size:15px;color:#555;line-height:1.8;margin-bottom:24px}.sec-table{display:block;background:#0e1117;border-radius:12px;overflow:hidden;margin-bottom:24px;border:1px solid #21262d}.sec-table thead,.sec-table tbody{display:block}.sec-table tr{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.3fr;gap:0;font-family:JetBrains Mono,monospace;font-size:12px;border-bottom:1px solid #161b22}.sec-table tbody tr:last-child{border-bottom:none}.sec-table thead tr{background:#161b22;color:#8b949e;text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:600}.sec-table th,.sec-table td{padding:14px 16px;border-right:1px solid #161b22;text-align:left;font-weight:400}.sec-table th:last-child,.sec-table td:last-child{border-right:none}.sec-table td:first-child{color:#0f8;font-weight:600}.sec-table a{color:#0f8;text-decoration:underline;text-underline-offset:3px}.sec-table a:hover{color:#4dffaa}.sec-table td:nth-child(2){color:#79c0ff}.sec-table td:nth-child(3){color:#c9d1d9}.sec-table td:nth-child(4){color:#8b949e}.sec-table td:nth-child(5){color:#8b949e}.sec-table.cols-4 tr{grid-template-columns:1fr .6fr 1.3fr 1fr}.sec-table.cols-5 tr{grid-template-columns:1.1fr 1.8fr .7fr .9fr .9fr}.sec-table.cols-5 code{font-size:11px;color:#e6edf3;background:#161b22;padding:2px 6px;border-radius:4px;word-break:break-all}.sec-table.cols-5-even tr{grid-template-columns:.8fr .6fr 1.6fr .6fr 1fr}.sec-table.cols-5-even code{font-size:11px;color:#e6edf3;background:#161b22;padding:2px 6px;border-radius:4px;word-break:break-all}.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;margin-bottom:24px}.vs-card{background:#0e1117;border:1px solid #21262d;border-radius:12px;overflow:hidden}.vs-header{padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;letter-spacing:.5px}.vs-header.vs-pass{background:linear-gradient(135deg,#0e1117 60%,#003d1a);color:#0f8}.vs-header.vs-pw{background:linear-gradient(135deg,#0e1117 60%,#1a1a3d);color:#79c0ff}.vs-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 18px;font-size:12px;border-top:1px solid #161b22;gap:12px}.vs-label{font-family:JetBrains Mono,monospace;color:#8b949e;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;white-space:nowrap;min-width:90px}.vs-row span{color:#c9d1d9}.vs-row code{font-size:11px;color:#e6edf3;background:#161b22;padding:2px 6px;border-radius:4px}.vs-win{color:#0f8!important;font-weight:600}.table-note{font-size:11px;color:#8b949e;margin-top:8px;font-style:italic}.strength-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.strength-check{background:#0e1117;border:1px solid #21262d;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;transition:border-color .2s}.strength-check:hover{border-color:#0f84}.strength-check .check-icon{width:28px;height:28px;border-radius:50%;background:#00ff881a;color:#0f8;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.strength-check .check-text{font-family:JetBrains Mono,monospace;font-size:12px;color:#c9d1d9;line-height:1.4}.strength-check .check-text strong{display:block;font-size:13px;margin-bottom:2px}.strength-check .check-bonus{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;color:#0f8;font-weight:600;white-space:nowrap}.trust-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px;margin-bottom:24px}.trust-badge{background:#fff;border:1px solid #e5e4e0;border-radius:12px;padding:20px;text-align:center;transition:box-shadow .2s}.trust-badge:hover{box-shadow:0 4px 16px #0000000f}.trust-badge .badge-icon{width:40px;height:40px;border-radius:10px;background:#0e1117;color:#0f8;display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.trust-badge h3{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.trust-badge p{font-size:12px;color:#888;line-height:1.5}.tools-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px;margin-bottom:24px}.tool-card{background:#fff;border:1px solid #e5e4e0;border-radius:12px;padding:20px;text-decoration:none;transition:box-shadow .2s,border-color .2s}.tool-card:hover{box-shadow:0 4px 16px #0000000f;border-color:#0e1117}.tool-icon{width:40px;height:40px;border-radius:10px;background:#0e1117;color:#0f8;display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.tool-card h3{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.tool-card p{font-size:12px;color:#888;line-height:1.5}@media(max-width:800px){.sec-table tr{grid-template-columns:1fr 1fr;font-size:11px}.sec-table th,.sec-table td{padding:10px 12px}.sec-table th:nth-child(3),.sec-table th:nth-child(4),.sec-table th:nth-child(5),.sec-table td:nth-child(3),.sec-table td:nth-child(4),.sec-table td:nth-child(5){display:none}.sec-table.cols-5 tr,.sec-table.cols-5-even tr{grid-template-columns:1fr 1fr}.strength-grid,.trust-grid,.tools-grid,.vs-grid{grid-template-columns:1fr}}footer{background:#fff;border-top:1px solid #e5e4e0;text-align:center;padding:24px;font-size:12px;color:#aaa}footer a{color:#999;text-decoration:none}footer a:hover{color:#00c97b}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(16px);background:#1a1a1a;color:#fff;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;opacity:0;transition:all .3s;pointer-events:none;z-index:1000}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#21262d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#30363d}@media(max-width:800px){header{padding:0 16px}.page-wrapper{padding:20px 16px 40px}.burger{display:flex}nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e4e0;padding:12px 16px;flex-direction:column;gap:4px;box-shadow:0 4px 12px #0000000f}nav.open{display:flex}nav a{padding:10px 12px;font-size:13px}.faq-grid{grid-template-columns:1fr}.output-box{font-size:15px}.ctrl-row{flex-direction:column;align-items:flex-start;gap:6px}.ctrl-label{min-width:auto}.range-wrap{width:100%}.hero h1{font-size:22px}}