:root{--ink:#f4f6fb;--muted:#8e98ad;--panel:#151925;--line:#2b3244;--lime:#b8ff35;--cyan:#45e9ff;--bg:#090b11}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(69,233,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(69,233,255,.035) 1px,transparent 1px);background-size:36px 36px}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative}.brand{color:var(--ink);text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.5px}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:11px;background:var(--lime);color:#080a0d;border-radius:8px;font-size:14px}.status{font-family:monospace;font-size:12px;color:var(--muted)}.status i{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--lime)}main{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,900px);gap:5vw;max-width:1320px;margin:auto;padding:42px 4vw 60px;position:relative}aside{padding-top:34px}.eyebrow{font:700 11px monospace;letter-spacing:.2em;color:var(--cyan)}h1{font-size:clamp(38px,5vw,68px);line-height:.94;letter-spacing:-.055em;margin:20px 0}aside p{color:var(--muted);line-height:1.7;font-size:16px}.mini{border-left:2px solid var(--lime);padding:3px 0 3px 16px;margin-top:42px;display:grid;gap:8px}.mini b{font-size:13px}.mini span{font-size:12px;color:var(--muted);line-height:1.55}.workspace{min-width:0}.ad-demo{border:1px dashed #4b576f;background:linear-gradient(110deg,#121722 20%,#1e2739 40%,#121722 60%);background-size:260% 100%;animation:adshine 2.6s linear infinite;min-height:84px;display:grid;place-content:center;text-align:center;gap:7px;color:#d8ddea;margin-bottom:20px}.ad-demo b{font:700 11px monospace;letter-spacing:.2em;color:var(--cyan)}.ad-demo span{font-size:12px;color:var(--muted)}@keyframes adshine{to{background-position:-260% 0}}.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0008}.output-row{padding:28px;border-bottom:1px solid var(--line)}label{font-size:13px;font-weight:700}.password-box{display:grid;grid-template-columns:1fr auto;margin:10px 0 16px;border:1px solid #3d465c;border-radius:10px;background:#0d1018;overflow:hidden}.password-box input{min-width:0;border:0;background:transparent;color:var(--lime);font:700 20px monospace;padding:18px;outline:0}.icon-btn{border:0;border-left:1px solid #3d465c;background:#1f2635;color:var(--cyan);font:700 11px monospace;padding:0 18px;cursor:pointer}.meter{height:5px;background:#292f3d;border-radius:10px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#ff5f6d,#ffd93d,var(--lime));width:80%;transition:.2s}.strength{display:flex;justify-content:space-between;margin-top:9px;font:12px monospace;color:var(--muted)}#strength{color:var(--lime)}.controls{padding:28px}.length-row{display:flex;justify-content:space-between;align-items:center}.length-row output{font:800 24px monospace;color:var(--cyan)}input[type=range]{width:100%;accent-color:var(--lime);margin:15px 0 24px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks label{border:1px solid var(--line);padding:14px;border-radius:9px;color:#c8cfdd;cursor:pointer}.checks span{font-family:monospace;color:var(--cyan);margin-right:7px}.checks input,.toggle input{accent-color:var(--lime)}.toggle{display:flex;align-items:center;gap:9px;margin:20px 0;color:var(--muted);font-weight:400}.generate{width:100%;border:0;background:var(--lime);color:#080a0d;padding:17px;border-radius:9px;font-weight:900;letter-spacing:.05em;cursor:pointer}.generate:hover{filter:brightness(1.08)}.generate b{font-size:18px;margin-left:8px}.tips{display:flex;gap:20px;border:1px solid var(--line);padding:18px;margin:20px 0;color:var(--muted);font-size:12px;line-height:1.5}.tips b{color:var(--ink);white-space:nowrap}.bottom-ad{min-height:110px}footer{border-top:1px solid var(--line);padding:26px 4vw;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{color:var(--muted);margin-left:20px;text-decoration:none}@media(max-width:800px){main{grid-template-columns:1fr;padding-top:22px}aside{padding:0}.mini{display:none}h1{font-size:38px}.checks{grid-template-columns:1fr}.status{display:none}.tips{display:grid}.password-box input{font-size:15px;padding:15px}footer{display:grid;gap:15px}}