:root{font-family:Inter,system-ui,sans-serif;color:#182a24;background:#f8faf7;line-height:1.55;--green:#155f43;--muted:#435b50;--line:#d7e3da}
*{box-sizing:border-box}body{margin:0}.shell{width:min(1100px,calc(100% - 40px));margin:auto}.mast{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{display:flex;align-items:center;gap:8px;color:#172a22;font-size:24px;letter-spacing:-.05em;font-weight:820;text-decoration:none}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#155f43;color:white;font-size:20px}.tld{margin-left:-7px;color:var(--green)}.workspace{font-weight:680;font-size:.88rem;text-underline-offset:4px}.workspace span{margin-left:3px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,6vw,82px);align-items:center;padding:clamp(40px,9vw,110px) 0}.intro h1{font-size:clamp(40px,6.45vw,79px);line-height:1.03;letter-spacing:-.07em;margin:0 0 24px}.intro p,.info p{color:var(--muted);max-width:48ch;margin:0}.intro p{font-size:clamp(1rem,1.6vw,1.18rem)}.checker{background:#edf4ed;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4vw,36px)}h2{font-size:1.2rem;letter-spacing:-.025em;margin:0}.checker p{margin:5px 0 20px;color:var(--muted)}label{display:block;font-size:.86rem;font-weight:650;margin-bottom:6px}input,button{display:block;width:100%;font:inherit;border-radius:8px;padding:11px 13px}input{background:white;border:1px solid #a9c0b2;color:inherit}button{margin-top:10px;border:0;background:var(--green);color:white;text-align:left;cursor:pointer;font-weight:660}button span{float:right}button:disabled{opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}#result:not(:empty){margin-top:14px;font-size:.9rem;overflow-wrap:anywhere}#result a{display:block;margin-top:7px;font-weight:680}.info{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px 0 50px}.info p{margin-top:6px}footer{border-top:1px solid var(--line);padding:17px 0 26px;color:var(--muted);font-size:.88rem}@media(max-width:720px){.hero,.info{grid-template-columns:1fr}.mast{min-height:64px}}
