.binary-page{background:var(--light)}.site-header nav a.active{color:var(--cyan)}.binary-hero{background:var(--navy);color:#fff;padding:75px max(24px,calc((100vw - var(--max))/2));text-align:center}.binary-hero h1{font-size:clamp(52px,7vw,84px);line-height:.95;margin:0 0 24px;letter-spacing:-.05em}.binary-hero h1 span{color:var(--cyan)}.binary-hero>p:not(.eyebrow){font-size:20px;color:#bdc8d6}.bit-banner{display:flex;justify-content:center;gap:10px;margin-top:38px}.bit-banner b{display:grid;place-items:center;width:64px;height:64px;background:#101d2d;border:1px solid #34445d;border-radius:10px;font-size:28px}.bit-banner b:nth-child(odd){background:var(--cyan);color:var(--navy)}.binary-shell{max-width:1180px;margin:60px auto;display:grid;grid-template-columns:300px 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 55px #17203318}.binary-shell aside{background:var(--navy);color:#fff;padding:32px}.binary-shell aside h2{font-size:34px;margin:0 0 24px}.binary-modes{display:grid;gap:8px}.binary-modes button{border:1px solid #34445d;background:#101d2d;color:#dfe7ef;text-align:left;padding:11px 13px;border-radius:8px;font-weight:800;cursor:pointer}.binary-modes button.active{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.binary-shell aside label{display:block;color:#9cabc0;font-size:12px;font-weight:900;margin:24px 0 7px}.binary-shell select{width:100%;padding:11px;background:#101d2d;color:#fff;border:1px solid #34445d;border-radius:8px}.binary-score{margin-top:28px;padding-top:20px;border-top:1px solid #34445d}.binary-score span{display:block;color:#9cabc0}.binary-score strong{font-size:34px}.reset-link{border:0;background:none;color:var(--cyan);padding:18px 0 0;font-weight:800;cursor:pointer}.binary-quiz{padding:36px 50px;min-height:600px}.quiz-status{display:flex;justify-content:space-between;color:var(--mid)}.binary-quiz>h2{font-family:monospace;font-size:52px;letter-spacing:.08em;text-align:center;margin:65px 0 30px}.place-values{display:flex;justify-content:center;gap:5px;min-height:78px}.place-values span{display:grid;place-items:center;width:62px;height:62px;background:var(--light);border-radius:8px;font-weight:900;color:var(--mid)}.binary-quiz form{max-width:520px;margin:38px auto 0}.binary-quiz form label{display:block;font-weight:900;margin-bottom:8px}.binary-quiz input{width:100%;border:2px solid var(--line);border-radius:10px;padding:15px;font:700 24px monospace;margin-bottom:12px}.binary-quiz form .button{width:100%}.binary-feedback{text-align:center;font-size:20px;font-weight:900;min-height:30px}.binary-feedback.ok{color:#17884b}.binary-feedback.no{color:var(--red)}.binary-steps{max-width:650px;margin:14px auto;padding:18px;background:var(--light);border-radius:12px;text-align:center;font:700 18px monospace;min-height:60px}.binary-quiz>#binaryNext{display:flex;margin:18px auto}.binary-rules{background:#fff;padding:75px max(24px,calc((100vw - var(--max))/2));text-align:center}.binary-rules h2{font-size:40px;margin:0 0 34px}.binary-rules>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.binary-rules article{background:var(--light);padding:24px 16px;border-radius:15px}.binary-rules article b,.binary-rules article span{display:block;font:900 26px monospace}.binary-rules article span{color:var(--cyan);margin:8px}.binary-rules article small{color:var(--mid)}@media(max-width:850px){.binary-shell{grid-template-columns:1fr;margin:20px}.bit-banner b{width:38px;height:45px}.binary-quiz{padding:28px 20px}.binary-quiz>h2{font-size:36px}.place-values span{width:38px;height:48px}.binary-rules>div{grid-template-columns:1fr 1fr}}