:root{font-family:system-ui,sans-serif;color:#e9f1ef;background:#0b171d;color-scheme:dark;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:36px 20px}header{margin-bottom:28px}h1{font-size:clamp(27px,5vw,40px);line-height:1.2;letter-spacing:-.03em}h2{font-size:20px;margin:0 0 10px}.badge{font-size:12px;letter-spacing:.12em;color:#ffd98d;font-weight:750}section{background:#142830;border:1px solid #34505b;border-radius:16px;padding:24px;margin:18px 0}p{color:#cadbdc}.small,footer{font-size:14px;color:#b5c8ce}label{display:block;font-weight:600;margin-top:14px}input:not([type=checkbox]),select{display:block;width:100%;padding:13px;border:1px solid #75949c;border-radius:8px;background:#0b171d;color:white;margin:7px 0 12px;font:inherit}button{background:#a7e7cf;color:#112c29;border:0;border-radius:9px;padding:14px 18px;margin:12px 0;font:inherit;font-weight:700;cursor:pointer}button:disabled{background:#34474e;color:#acbdc3;cursor:not-allowed}.secondary{background:transparent;color:#d5e4e8;border:1px solid #75949c}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffdd8b;outline-offset:3px}.check{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:20px;height:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b171d;padding:16px;border-radius:8px;font-size:14px}footer{padding:16px 0}