:root{--ink:#17152a;--paper:#f8f4e8;--card:#fffefa;--violet:#7047eb;--yellow:#ffd84c;--cyan:#53e7e0;--pink:#ff6f91;--line:#aca8bb;--muted:#646172}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit}header{border-bottom:2px solid var(--ink)}nav{max-width:1140px;margin:auto;padding:17px 22px;display:flex;justify-content:space-between;align-items:center}.brand{font:900 1.15rem ui-monospace,monospace;text-decoration:none}.brand i{font-style:normal;background:var(--yellow);padding:4px 7px;border:2px solid var(--ink)}.navlinks{display:flex;gap:18px}.navlinks a{text-decoration:none;font:800 .76rem ui-monospace,monospace;text-transform:uppercase}.hero{max-width:1140px;margin:auto;padding:60px 22px 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:end}.kicker{font:800 .76rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.15em}.hero h1,.content h1{font:900 clamp(3.4rem,9vw,7.6rem)/.82 Arial Black,Impact,sans-serif;letter-spacing:-.08em;margin:20px 0}.hero h1 span{color:var(--violet)}.hero p{font-size:1.15rem;max-width:690px}.prime-card{background:var(--cyan);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;transform:rotate(1deg)}.prime-card b{aspect-ratio:1;border:2px solid var(--ink);background:white;display:grid;place-items:center;font:900 1.15rem ui-monospace,monospace}.prime-card b:nth-child(3n){background:var(--yellow)}.lab{max-width:1140px;margin:20px auto 75px;padding:0 22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.panel{background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.panel-title{padding:13px 16px;border-bottom:2px solid var(--ink);font:900 .78rem ui-monospace,monospace;display:flex;justify-content:space-between}.panel-body{padding:18px}label{display:block;font:800 .75rem ui-monospace,monospace;text-transform:uppercase;margin-bottom:15px}input{width:100%;margin-top:6px;border:2px solid var(--ink);background:white;padding:12px;font:1rem ui-monospace,monospace}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:2px solid var(--ink);background:var(--yellow);padding:11px 16px;font:900 .82rem ui-monospace,monospace;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}button.secondary{background:white}.verdict{padding:18px;border:3px solid var(--ink);background:var(--violet);color:white;margin-bottom:16px}.verdict small{font:800 .7rem ui-monospace,monospace}.verdict strong{font:900 clamp(2rem,5vw,4.5rem)/1 Arial Black,Impact,sans-serif;display:block;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result{border:2px solid var(--ink);padding:14px;min-height:100px}.result h2{font:900 .75rem ui-monospace,monospace;margin:0 0 8px;color:var(--muted)}.result p{font:800 1.05rem ui-monospace,monospace;margin:0;overflow-wrap:anywhere}.steps{margin-top:12px;border-top:2px solid var(--ink);padding-top:12px}.steps code{display:block;padding:5px;background:#efecdf}.range{max-width:1140px;margin:0 auto 80px;padding:0 22px}.range-box{border:2px solid var(--ink);background:var(--yellow);padding:20px}.range-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chip{background:white;border:2px solid var(--ink);padding:5px 9px;font:800 .8rem ui-monospace,monospace}.explain{max-width:1140px;margin:0 auto 80px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.explain article{border-top:7px solid var(--ink)}.explain h2{font:900 1.5rem Arial;margin-bottom:8px}.content{max-width:800px;margin:65px auto;padding:0 22px 100px}.content h1{font-size:clamp(3rem,7vw,5.5rem)}.content h2{margin-top:2.2rem}.note{border:2px solid var(--ink);background:var(--cyan);padding:18px}footer{background:var(--ink);color:white;padding:28px 22px}.footer{max-width:1140px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{margin-right:14px}@media(max-width:800px){.hero,.lab,.explain{grid-template-columns:1fr}.prime-card{transform:none}.grid{grid-template-columns:1fr}.range-controls{grid-template-columns:1fr}.navlinks{display:none}}