:root{--black:#101213;--orange:#FF8000;--off:#F1F2EE;--gun:#626A6E}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--off);color:var(--black)}
header{background:var(--black);color:#fff;padding:16px 20px;border-bottom:4px solid var(--orange);font-weight:bold;letter-spacing:.08em}
main{max-width:640px;margin:24px auto;padding:0 16px}
.card{background:#fff;padding:20px;border-radius:6px;margin-bottom:16px}
label{display:block;margin-top:12px;font-weight:bold;font-size:14px}
input,select,textarea{width:100%;padding:10px;border:1px solid var(--gun);border-radius:4px;font-size:16px;margin-top:4px}
input[type=checkbox]{width:auto;margin-right:6px}
button,.btn{background:var(--orange);color:var(--black);border:0;padding:12px 20px;font-weight:bold;font-size:16px;border-radius:4px;margin-top:16px;cursor:pointer;text-decoration:none;display:inline-block}
.err{background:#fde8e1;border-left:4px solid #c0392b;padding:10px;margin-bottom:12px}
.ok{background:#e8f5e9;border-left:4px solid #2e7d32;padding:10px;margin-bottom:12px}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{border-bottom:1px solid #ddd;padding:6px;text-align:left}
small{color:var(--gun)}code{background:#eee;padding:2px 5px}
nav a{margin-right:12px}
.wide{max-width:1000px}