:root{--bg:#0c1020;--panel:#151b31;--ink:#f3f5ff;--muted:#99a4c6;--line:#2b3555;--lime:#c9f36b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}nav,footer,main{max-width:1100px;margin:auto}nav{height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}nav a{color:var(--ink);text-decoration:none;font-weight:750}nav span,footer{color:var(--muted);font-size:13px}main{padding:70px 24px}.hero{display:grid;grid-template-columns:120px 1fr;align-items:start}.mark{color:var(--lime);font-size:14px;border-top:2px solid var(--lime);padding-top:8px}.hero p{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.hero h1{font-size:clamp(44px,8vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0 60px}.converter{background:var(--panel);border:1px solid var(--line);padding:26px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.converter div{display:grid;gap:8px}label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}input,select{width:100%;border:1px solid var(--line);background:#0f1427;color:var(--ink);padding:14px;font:inherit;border-radius:4px}output{grid-column:1/-1;padding:26px 0 4px;color:var(--lime);font-size:clamp(28px,5vw,50px);font-weight:700;border-top:1px solid var(--line)}.reference{margin-top:70px}.reference h2{font-size:26px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}article{background:var(--bg);padding:22px;display:grid;gap:8px}article span{color:var(--muted)}footer{padding:28px 24px 40px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}@media(max-width:700px){.hero{grid-template-columns:1fr}.mark{display:none}.converter{grid-template-columns:1fr}output{grid-column:auto}.grid{grid-template-columns:1fr 1fr}footer{gap:12px;flex-direction:column}}