:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#090e12;color:#f3f5f4}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:620px;margin:0 auto}a{color:#9ef2d5}.brand{font-weight:800;font-size:1.15rem;text-decoration:none;color:#fff}.eyebrow{color:#9ef2d5;margin-top:48px;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em}h1{font-size:clamp(2rem,6vw,2.8rem);line-height:1.08;letter-spacing:-.04em}h2{font-size:1.4rem}p{color:#b7c3c7;line-height:1.65}form{margin-top:30px;padding:26px;background:#10171c;border:1px solid #344047;border-radius:16px}label{display:block;font-weight:600;margin:22px 0 8px}label:first-child{margin-top:0}input{display:block;width:100%;font:inherit;padding:13px;background:#090e12;border:1px solid #53676b;border-radius:8px;color:#fff}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9ef2d5;outline-offset:4px}.hint{font-size:.85rem;margin:6px 0 0}button{width:100%;border:0;border-radius:10px;background:#9ef2d5;color:#0c2920;padding:15px 18px;font:inherit;font-weight:750;cursor:pointer;margin-top:26px}button:disabled{opacity:.65;cursor:wait}.secondary{background:transparent;color:#edf2f1;border:1px solid #53676b;margin-top:12px}dt{color:#9ba7ac;font-size:.9rem;margin-top:18px}dd{margin:4px 0;overflow-wrap:anywhere;font-weight:600}#result:not(:empty){margin-top:24px;padding:20px;border-radius:12px;background:#172026;white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}.alternative{margin-top:32px;font-size:.9rem}footer{display:flex;gap:22px;flex-wrap:wrap;margin:36px 0;font-size:.85rem}[hidden]{display:none!important}@media(max-width:420px){form{padding:20px}body{padding:24px 16px}}