:root { --bg:#0b0d10; --card:#12161b; --text:#e6edf3; --muted:#9aa4af; --accent:#46c2ff; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text);
font:16px/1.5 system-ui, sans-serif; }
.container { max-width: 920px; margin: 40px auto; padding: 0 16px; }
h1 { font-size: 28px; margin: 0 0 8px; }
p { margin: 0 0 24px; color: var(--muted); }
form { background: var(--card); border-radius: 14px; padding: 16px; box-shadow: 0 6px 24px rgba(0,0,0,.25); }
label { display:block; margin: 8px 0 6px; color: var(--muted); }
textarea { width:100%; background:#0f1318; color:var(--text); border:1px
solid #202833; border-radius:10px; padding:12px; min-height: 180px; }
.row { display:flex; align-items:center; gap:12px; margin-top: 12px; }
input[type=file] { display:block; background:#0f1318; border:1px dashed
#2a3340; color:var(--muted); padding:10px; border-radius:10px; }
button, .btn { background: var(--accent); border: none; color:#002033; font-weight: 700; padding: 10px 14px; border-radius: 10px; cursor: pointer; text-decoration: none; display:inline-block; }
.card { margin-top: 18px; background: var(--card); border:1px solid #222a36;padding: 12px; border-radius: 12px; }
.meta { display:flex; gap:16px; color: var(--muted); font-size: 14px; margin-bottom: 8px; }
.actions { display:flex; gap:10px; margin-top: 10px; }
.error { background:#2a0f14; border:1px solid #642029; color:#ffcfd6;padding:12px; border-radius:10px; }
footer { margin-top: 24px; color: var(--muted); }