*{box-sizing:border-box}body{margin:0;background:#000;color:#e7e9ee;font:16px/1.6 Inter,system-ui,sans-serif}a{color:#7aa2c8}header,footer,main{max-width:760px;margin:0 auto;padding:18px 20px}header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #1d1f24}header b{letter-spacing:.14em;text-transform:uppercase;font-size:13px}nav{display:flex;gap:14px;font-size:14px}h1{font-size:28px;line-height:1.2;margin:24px 0 8px}.lead{color:#8a8f9a}.card{display:block;background:#0d0d0f;border:1px solid #1d1f24;border-radius:6px;padding:14px 16px;margin:10px 0;text-decoration:none;color:inherit}.card:hover{border-color:#7aa2c8}.card b{display:block;color:#fff}.card span{color:#8a8f9a;font-size:14px}label{display:block;font-size:12px;color:#8a8f9a;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 4px}textarea,select{width:100%;background:#050506;color:#e7e9ee;border:1px solid #1d1f24;border-radius:4px;padding:10px;font:14px ui-monospace,Menlo,Consolas,monospace}textarea{min-height:120px}button{background:#7aa2c8;color:#04080d;border:0;border-radius:4px;padding:10px 16px;font-weight:600;cursor:pointer;margin:12px 8px 0 0}button.s{background:transparent;color:#e7e9ee;border:1px solid #1d1f24}pre{background:#050506;border:1px solid #1d1f24;border-radius:4px;padding:12px;white-space:pre-wrap;word-break:break-all;font-size:13px;min-height:48px}.note{border-left:3px solid #7aa2c8;background:#0a1018;padding:10px 14px;margin:24px 0;font-size:14px;color:#c9d3df}footer{color:#8a8f9a;font-size:13px;border-top:1px solid #1d1f24;margin-top:30px}