:root { font-family: system-ui, sans-serif; color: #10213a; background: #eef3f8; }
body { margin: 0; } main { max-width: 920px; margin: 0 auto; padding: 32px 20px; }
header { display: flex; align-items: baseline; gap: 12px; } header span { color:#fff; background:#071d3a; padding: 5px 9px; font-weight: 800; letter-spacing:.08em; } h1 { margin:0; }
.notice, article { background: #fff; border-radius: 10px; padding: 16px; line-height: 1.5; box-shadow: 0 1px 4px #10213a1d; } section { display:grid; gap:16px; margin-top:20px; }
label { display:grid; gap:7px; font-weight:650; } input, textarea { font: inherit; padding: 11px; border: 1px solid #99a8b9; border-radius: 7px; } textarea { min-height: 90px; resize: vertical; }
button { font: inherit; font-weight: 700; padding: 11px 15px; border: 0; border-radius: 7px; cursor:pointer; background: #dbe5f0; color:#10213a; } button.primary { background:#0a3565; color:#fff; } button.danger { background:#9d1c28; color:#fff; } button:disabled { opacity:.45; cursor:not-allowed; }
.controls { display:flex; gap:10px; flex-wrap:wrap; } video { width:100%; max-height:430px; background:#101820; border-radius:10px; object-fit:contain; }

section[hidden] { display: none; }