:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0d1020;color:#edf0ff}body{margin:0}header,main,footer{max-width:1060px;margin:auto;padding:28px}header{padding-top:52px}header span{color:#ad9cff;letter-spacing:.22em;font-weight:800}h1{font-size:clamp(36px,6vw,64px);margin:10px 0}h2{margin-top:0}p,footer{color:#bac3da;line-height:1.6}section{background:#171d32;border:1px solid #303a58;padding:26px;border-radius:18px;margin:24px 0}article{border-top:1px solid #37415d;padding:20px 0}label{display:block;margin:12px 0}input:not([type=checkbox]),select{display:block;box-sizing:border-box;width:100%;max-width:560px;background:#0e1428;border:1px solid #536080;border-radius:7px;padding:12px;color:inherit;margin-top:7px}button{background:#b9a7ff;color:#151127;border:0;border-radius:7px;padding:12px 20px;cursor:pointer;font-weight:700;margin:10px 0}a{color:#a7d9ff;display:inline-block;margin:14px}summary{cursor:pointer;font-weight:700;padding:14px 0}li{overflow-wrap:anywhere;line-height:1.6;margin-bottom:8px}.notice{padding:18px;border:1px solid #ff9c9c;color:#ffd8d8}input:focus,button:focus,summary:focus{outline:3px solid #7fd9ff}form{margin-bottom:16px}footer{font-size:14px}

textarea{display:block;box-sizing:border-box;width:100%;max-width:560px;background:#0e1428;color:inherit;border:1px solid #536080;border-radius:7px;padding:12px;margin-top:7px}pre{white-space:pre-wrap;overflow-wrap:anywhere}