* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: #0a0a1a; color: #e2e8f0; font: 16px/1.65 system-ui,sans-serif; }
header, footer { padding: 1.25rem; border-color: #334155; background: #101525; }
header { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; }
main { width: 100%; max-width: 850px; margin: auto; padding: 2rem 1.25rem; flex: 1; }
footer { text-align: center; font-size: .85rem; }
a { color: #fdba74; overflow-wrap: anywhere; }
h1,h2,h3 { line-height: 1.3; }
form,section { padding: 1.5rem; border: 1px solid #334155; border-radius: 1rem; margin: 1.5rem 0; }
label { display: block; margin: 1rem 0; }
input,textarea,select,button { font: inherit; }
input:not([type=checkbox]),textarea,select { display: block; width: 100%; background: #101525; border: 1px solid #475569; padding: .65rem; color: inherit; border-radius: .5rem; }
fieldset { border: 1px solid #334155; margin: 1rem 0; min-width: 0; }
button { background: #c2410c; color: white; border: 1px solid #fb923c; padding: .65rem 1rem; border-radius: .5rem; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
.check { display: flex; align-items: baseline; gap: .6rem; }
.muted { color: #94a3b8; font-size: .9rem; }
.preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #fb923c; outline-offset: 3px; }