:root{--bg:#050b12;--bg2:#08111b;--panel:#0c1723;--panel2:#112131;--line:#213548;--text:#eef5f8;--muted:#9eb0bf;--green:#38d98a;--green2:#70efb5;--blue:#55a6ff;--red:#ff6670;--amber:#ffc24d;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#112640 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}
a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(5,11,18,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.4px}.logo b{color:var(--green)}.shield{display:inline-grid;place-items:center;width:31px;height:35px;margin-right:9px;border:2px solid var(--green);border-radius:9px 9px 13px 13px;color:var(--green)}
nav{display:flex;gap:23px}nav a{text-decoration:none;color:#b6c4ce;font-size:14px}nav a:hover{color:var(--green)}.btn{display:inline-flex;text-decoration:none;border:0;border-radius:9px;padding:11px 16px;background:var(--green);color:#06110b;font-weight:800;cursor:pointer}.btn:hover{background:var(--green2)}.btn.secondary{background:#132536;color:#dce7ef;border:1px solid #315068}.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{padding:68px 0 40px;overflow:hidden;position:relative}.grid-bg{position:absolute;inset:0 0 auto auto;width:46%;height:100%;opacity:.18;background-image:linear-gradient(rgba(56,217,138,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,138,.16) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to left,#000,transparent)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;position:relative}.crumb{font-size:12px;color:var(--muted);margin-bottom:18px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);font-weight:800;margin-bottom:13px}h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-2.2px;margin:0 0 18px}h2{font-size:34px;line-height:1.18;margin:0 0 17px}h3{font-size:18px;margin:0 0 9px}.lead{font-size:18px;color:#b8c7d2;max-width:730px}
.cyber-art{height:300px;display:grid;place-items:center}.orb{width:255px;height:255px;border-radius:50%;border:1px solid #28506a;background:radial-gradient(circle at 50% 34%,#1e394b 0 17%,#0e1a25 18% 38%,#070e16 39%);box-shadow:0 0 90px rgba(56,217,138,.15);position:relative}.hood{position:absolute;left:52px;top:47px;width:150px;height:112px;border-radius:75px 75px 28px 28px;background:#09121b;border:1px solid #2b4a60}.eyes{position:absolute;left:84px;top:90px;width:91px;display:flex;justify-content:space-between}.eyes i{width:18px;height:8px;background:var(--green);border-radius:100%;box-shadow:0 0 15px var(--green)}.screen{position:absolute;left:33px;bottom:-15px;width:190px;height:86px;border:1px solid #2c5065;background:#08131d;border-radius:8px 8px 14px 14px}
.card{background:linear-gradient(145deg,#10202e,#09131e);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 22px 55px rgba(0,0,0,.23)}.section{padding:52px 0}.calculator{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}.input-wrap{position:relative}.input-wrap input{width:100%;padding:14px 48px 14px 15px;border-radius:9px;border:1px solid #345065;background:#08131d;color:#fff;font-size:15px}.eye{position:absolute;right:8px;top:7px;background:none;border:0;color:#aabac5;font-size:19px;cursor:pointer}.options{display:grid;gap:10px;margin:17px 0}.check{font-size:14px;color:#bdc9d2}.check input{accent-color:var(--green);margin-right:8px}.result{padding-left:25px;border-left:1px solid var(--line)}.time{font-size:43px;font-weight:900;line-height:1.05;color:#ff7880;margin:12px 0}.badge{display:inline-block;border:1px solid #80414a;background:#311a20;color:#ff9ba2;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800}.meter{display:grid;grid-template-columns:repeat(5,1fr);height:11px;border-radius:999px;overflow:hidden;margin-top:20px}.meter i{border-right:2px solid #09131e}.m1{background:#ff606a}.m2{background:#ff9855}.m3{background:#ffc34d}.m4{background:#89d35f}.m5{background:#3bd18a}.meterlabels{display:grid;grid-template-columns:repeat(5,1fr);font-size:10px;color:#92a6b5;text-align:center;margin-top:8px}.note{font-size:12px;color:#8da2b1}
.table-card{padding:22px;margin-top:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{padding:12px;border:1px solid #294052;text-align:center;font-size:13px}th{background:#142536}.purple{background:#45336f}.redcell{background:#70303f}.ambercell{background:#80522d}.greencell{background:#286044}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.info{padding:20px}.icon{font-size:32px;margin-bottom:12px}.muted{color:var(--muted);font-size:14px}
.article{max-width:860px;margin:auto;padding:58px 0 76px}.article h1{font-size:56px}.article h2{margin-top:43px}.article p,.article li{color:#c2ced7}.article li{margin:7px 0}.illustration{height:230px;margin:28px 0;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 25%,rgba(85,166,255,.18),transparent 33%),#0a1520;display:grid;place-items:center;font-size:105px}.callout{margin:26px 0;padding:16px 19px;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:#0b1915}.faq details{padding:16px 18px;background:#0d1823;border:1px solid var(--line);border-radius:10px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}
.related{padding:55px 0;background:#071019;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{display:block;padding:20px;text-decoration:none}.related a:hover{border-color:#3d725b}.related small{color:var(--green);font-weight:800}
footer{border-top:1px solid var(--line);padding:32px 0;color:#8195a4;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){nav,.nav .btn{display:none}.menu{display:block}.hero-grid,.calculator{grid-template-columns:1fr}.cyber-art{display:none}.result{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.grid4{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}.article h1{font-size:43px}}@media(max-width:560px){.container{width:min(100% - 24px,1160px)}.hero{padding-top:46px}.grid4{grid-template-columns:1fr}.nav{height:64px}.article{padding-top:36px}}

.related-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.related-grid{grid-template-columns:1fr}}
input[type="range"]{width:100%;accent-color:#38d98a;margin:8px 0 12px}
.card.info small{display:inline-block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:8px}

/* HashMyPass tool suite additions */
.tool-box{padding:26px;margin-top:22px}
.tool-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.tool-box textarea,.tool-box input[type=text],.tool-box input[type=password]{
 width:100%;background:#08131d;border:1px solid #345065;color:#fff;border-radius:9px;
 padding:14px 15px;font:inherit
}
.tool-box textarea{min-height:130px;resize:vertical}
.tool-options{display:flex;flex-wrap:wrap;gap:12px 20px;margin:18px 0}
.tool-options label{font-size:14px;color:#bdc9d2}
.output{margin-top:18px;padding:16px;background:#071019;border:1px solid #29485e;border-radius:10px;word-break:break-all}
.output strong{display:block;margin-bottom:6px}
.output code{color:#72efb4;font-size:15px}
.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.strength-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.mini-stat{padding:16px;border-radius:12px;background:#0a1520;border:1px solid var(--line)}
.mini-stat b{display:block;font-size:22px;color:#e8f4f7}
.mini-stat span{font-size:12px;color:var(--muted)}
.feedback-list{margin:18px 0;padding-left:20px}
.feedback-list li{margin:7px 0;color:#c4d0d8}
.score-ring{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin:15px auto;border:9px solid var(--green);font-size:30px;font-weight:900}
.hash-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.hash-tab{padding:8px 12px;border-radius:8px;border:1px solid #315068;background:#0b1721;color:#cbd7df;cursor:pointer}
.hash-tab.active{background:#173827;border-color:#3b8b61;color:#78efb5}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tool-card{padding:22px;text-decoration:none}
.tool-card:hover{border-color:#3d725b;transform:translateY(-2px)}
.tool-card .icon{font-size:34px}
@media(max-width:800px){.tool-row,.strength-summary,.tool-grid{grid-template-columns:1fr}.tool-row .btn{width:100%}}