:root{--green:#00ff7f;--bg:#000;--pad:30px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--green);min-height:100%}
body{font:500 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.bar{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:var(--pad)}
.bar nav{display:flex;gap:20px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:1px solid var(--green);outline-offset:4px}
main.legal{max-width:62ch;padding:var(--pad);padding-top:60px}
main.legal h1{font-size:14px;font-weight:500;margin-bottom:40px}
main.legal h2{font-size:14px;font-weight:500;margin:32px 0 8px;opacity:.6}
main.legal p{margin-bottom:12px}
@media (max-width:600px){:root{--pad:20px}}
form{display:grid;gap:8px;max-width:46ch}
label{opacity:.6;margin-top:12px}
input,textarea,button{font:inherit;color:var(--green);background:#000;border:1px solid rgba(0,255,127,.45);border-radius:0;padding:10px 12px;width:100%}
textarea{resize:vertical}
input:focus-visible,textarea:focus-visible,button:focus-visible{outline:1px solid var(--green);outline-offset:2px}
button{margin-top:16px;cursor:pointer;width:auto;justify-self:start;padding:10px 20px}
button:hover{background:var(--green);color:#000}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.note{opacity:.6;margin-top:12px}
.err{border-left:2px solid var(--green);padding-left:12px}