:root{font-family:system-ui,sans-serif;color:#203735;background:#eef4f2}*{box-sizing:border-box}body{margin:0;padding:40px 20px}main{max-width:850px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:10px 0 55px}.brand{font-size:12px;letter-spacing:2px;font-weight:800}.pill{display:inline-block;border:1px solid #c6dcd4;border-radius:30px;padding:7px 13px;font-size:12px;color:#32604e;background:#e4eee8}h1{font-size:clamp(28px,5vw,44px);letter-spacing:-1px;margin-bottom:15px}.intro{color:#647772;line-height:1.7;max-width:670px}form,section{background:white;border:1px solid #d9e5df;border-radius:18px;padding:30px;margin-top:27px;box-shadow:0 14px 35px #234b3b06}label{display:block;font-size:14px;font-weight:700;margin:20px 0 9px}label:first-child{margin-top:0}input{width:100%;padding:14px;border:1px solid #c9d7d0;border-radius:9px;font-size:16px;background:#fbfdfb}input:focus{outline:2px solid #9ccbb6;outline-offset:2px}small{display:block;font-size:12px;line-height:1.6;color:#6d7f77;margin-top:8px}button{border:0;border-radius:9px;padding:14px 20px;background:#19593e;color:white;font-size:15px;font-weight:700;margin-top:23px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:#eef4f0;color:#19593e}h2{font-size:23px}p{line-height:1.7}dl{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:14px}dt{color:#6d7f77}dd{margin:0;overflow-wrap:anywhere}pre{background:#132b22;color:#d8efdf;padding:20px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}img{max-width:100%;border:1px solid #d9e5df;border-radius:10px;margin-top:20px}footer{margin:28px 0;font-size:12px;color:#72867b;line-height:1.9}@media(max-width:550px){body{padding:20px 14px}header{margin-bottom:35px}form,section{padding:22px}dl{grid-template-columns:1fr;gap:6px}dd{margin-bottom:10px}}[hidden]{display:none!important}