:root{font-family:system-ui,sans-serif;color:#eaf2ed;background:#101a19;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:4vh auto;padding:28px}header{border-bottom:1px solid #38524a;margin-bottom:32px}.badge{font-size:12px;letter-spacing:2px;color:#b9e88a}h1{font-size:clamp(27px,5vw,42px);line-height:1.15}aside{border-left:3px solid #dfc371;background:#253029;padding:15px;margin:24px 0;font-size:14px}p{line-height:1.65;color:#c1d3cd}label{display:block;margin:20px 0}input,select{display:block;width:100%;padding:14px;margin-top:8px;background:#1e302b;border:1px solid #597466;border-radius:8px;color:#fff;font:inherit}button{padding:14px 20px;margin:8px 8px 8px 0;border:0;border-radius:8px;background:#c3e59d;color:#173325;font-weight:700;cursor:pointer}a{color:#d2efac}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#1c2b27;font-size:13px}code{overflow-wrap:anywhere}footer{margin-top:40px;border-top:1px solid #38524a;padding-top:24px}input:focus,button:focus,a:focus{outline:3px solid #e2cb83;outline-offset:3px}

figure{margin:24px 0}figure img,figure video{max-width:100%;max-height:70vh;display:block;border-radius:12px}figcaption{margin-top:12px;color:#c1d3cd;overflow-wrap:anywhere}