:root { font-family: system-ui, sans-serif; color: #18262b; background: #f4f7f5; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; }
main { max-width: 780px; margin: 0 auto; padding: 28px 20px 64px; }
header { padding: 12px 0 10px; }
.eyebrow { color: #236353; font-size: .8rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
h1 { font-size: clamp(2rem, 7vw, 3.5rem); letter-spacing: -.04em; margin: .2em 0; }
h2 { margin: 0 0 12px; font-size: 1.25rem; }
p { line-height: 1.5; }
section { background: white; border: 1px solid #d6e2dc; border-radius: 14px; padding: 22px; margin-top: 18px; }
label { display: block; font-weight: 650; margin: 17px 0 7px; }
input, select, button { font: inherit; }
input[type=password], input[type=text], input[type=file], select { width: 100%; min-height: 44px; border: 1px solid #7b9288; border-radius: 7px; padding: 9px; background: white; }
input[type=file] { padding: 8px; }
button, .actions a { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 9px 16px; border: 1px solid #145446; border-radius: 7px; color: white; background: #145446; text-decoration: none; cursor: pointer; font-weight: 650; }
button:hover, .actions a:hover { background: #0d3f35; }
button:disabled { cursor: wait; opacity: .55; }
#submit { margin-top: 20px; }
.row, .actions { display: flex; gap: 10px; flex-wrap: wrap; }
.row input { flex: 1 1 230px; width: auto; }
.hint { color: #4e6259; font-size: .9rem; margin: 12px 0 0; }
progress { width: 100%; margin-top: 18px; }
dl div { display: flex; gap: 16px; margin: 7px 0; }
dt { min-width: 95px; font-weight: 650; }
dd { margin: 0; overflow-wrap: anywhere; }
video { display: block; width: 100%; max-height: 440px; margin: 18px 0; background: #101818; border-radius: 8px; }
.actions { margin-top: 16px; }
#delete { color: #9b2d22; border-color: #b94f43; background: white; }
#delete:hover { background: #fff1ee; }
@media (max-width: 520px) { main { padding: 18px 12px 44px; } section { padding: 18px; } .row button, .actions button, .actions a { width: 100%; } }