:root{color-scheme:dark;--bg:#101312;--ink:#f3f2eb;--muted:#a8b0a9;--line:#343d36;--accent:#d0f68a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}main{max-width:1120px;margin:auto;padding:36px 6vw}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.name{font-size:22px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.dot{color:var(--accent)}.tag,.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}section{padding:85px 0 72px;max-width:760px}h1{font-size:clamp(44px,7vw,84px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:25px 0}.intro{max-width:510px;font-size:18px;line-height:1.7;color:var(--muted)}.tests{margin:38px 0;border-top:1px solid var(--line)}.tests>div{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.tests span{color:var(--muted)}strong{font-weight:500}.css-check{color:var(--accent)}button{cursor:pointer;background:var(--accent);border:0;border-radius:4px;color:#17200c;padding:16px 21px;font:600 15px Arial;min-height:48px;transition:transform .15s}button:hover{transform:translateY(-2px)}button:disabled{opacity:.65;cursor:wait}button span{margin-left:22px}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}#result{color:var(--muted);font-size:13px;line-height:1.6;min-height:44px;max-width:580px}footer{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12px}@media(max-width:560px){main{padding:26px 22px}header{align-items:flex-start;flex-direction:column;gap:12px}section{padding:54px 0 38px}.tests>div{flex-direction:column;gap:9px}footer{align-items:flex-start;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:hover{transform:none}}