:root{--lime:#afff2e;--ink:#06120d;--line:#29463a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#154c39,#06120d 48%);color:#f5faf7;font:16px/1.55 Arial,sans-serif;min-height:100vh}header{height:74px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none;font-weight:800}nav button{border:1px solid var(--line);background:none;color:#fff;border-radius:99px;padding:8px 12px}main{width:min(1000px,88vw);margin:auto;padding:12vh 0}small{color:var(--lime);letter-spacing:.18em}h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.07em;margin:.25em 0}p{max-width:720px;color:#b9cbc2;font-size:1.15rem}form{display:flex;gap:10px;margin:50px 0;align-items:end}label{flex:1;color:#9db1a7}input,select{width:100%;display:block;margin-top:8px;background:#091a13;border:1px solid var(--line);border-radius:14px;padding:17px;color:#fff;font-family:monospace}select{min-width:210px}button{cursor:pointer}form button{background:var(--lime);border:0;border-radius:14px;padding:18px 26px;font-weight:800}section,aside{border:1px solid var(--line);background:#091a13;border-radius:20px;padding:28px;margin-top:18px}section dl{display:grid;grid-template-columns:180px 1fr;gap:10px}dt{color:#8aa096}dd{margin:0;overflow-wrap:anywhere}aside{display:flex;flex-direction:column;color:#a8bbb2}aside b{color:#fff}@media(max-width:650px){form{display:block}form button{width:100%;margin-top:10px}section dl{grid-template-columns:1fr}}