:root{color-scheme:dark;font:16px system-ui;background:#0f1920;color:#e5f1ed}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;padding:40px 24px;margin:auto}header{padding:24px 0}header span{letter-spacing:.15em;font-size:12px;color:#8cddc1}h1{font-size:clamp(36px,7vw,64px);line-height:1.05;margin:20px 0}h2{font-size:24px}p,footer,small{color:#b4c9c5;line-height:1.6}header strong{display:inline-block;background:#223e3b;padding:8px 12px;border-radius:30px}.actions,.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}section{background:#1a2a33;border:1px solid #32494f;border-radius:18px;margin:24px 0;padding:24px}label{display:block;font-size:14px;color:#c5dbd5}input,textarea,select{display:block;width:100%;font:inherit;background:#101c23;color:#e5f1ed;padding:12px;border:1px solid #59716f;border-radius:8px;margin:8px 0 16px}textarea{height:110px}button{font:inherit;background:#8cddc1;color:#10251e;border:0;border-radius:8px;padding:12px 16px;cursor:pointer;margin:8px 12px 8px 0}.secondary{background:#30454c;color:#d5e5e0}article{border-top:1px solid #3a5156;padding:16px 0;overflow-wrap:anywhere}article h3{margin:12px 0}input[type=file]{max-width:500px}#message{padding:12px 0;color:#a4e8d2}footer{font-size:13px;padding:12px 0 32px}
details{margin:16px 0}summary{cursor:pointer;padding:12px 0;color:#a4e8d2}dialog{background:#1a2a33;color:#e5f1ed;border:1px solid #59716f;border-radius:16px;max-width:95vw}dialog video{display:block;max-width:80vw;width:480px}dialog::backdrop{background:#000a}