:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090d14;color:#f5f7fc;font:16px/1.6 system-ui,sans-serif}main{max-width:1060px;margin:auto;padding:48px 24px}header span{color:#d4af55;letter-spacing:3px;font-size:12px}h1{font:48px/1.2 Georgia,serif}h2{font-size:23px}p{color:#b4c1d5}section{background:#121d30;border:1px solid #2b3b52;border-radius:18px;padding:26px;margin:22px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.columns section{margin:0}label{display:block;margin:16px 0;color:#b4c1d5}input,textarea,select{display:block;width:100%;padding:13px;margin-top:6px;background:#090d14;border:1px solid #2b3b52;border-radius:10px;color:#f5f7fc;font:inherit}button{background:#245bd6;color:white;border:0;border-radius:12px;padding:14px 20px;font:inherit;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.4;cursor:wait}.secondary{background:#2b3b52}output{display:block;color:#d4af55;margin-top:16px}article{padding:16px 0;border-bottom:1px solid #2b3b52}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b4c1d5}@media(max-width:650px){.columns{grid-template-columns:1fr}h1{font-size:36px}}