html { overflow-y: scroll; scrollbar-gutter: stable; }
body { overflow-wrap: anywhere; }
[hidden] { display: none !important; }
main { max-width: 52rem; }
section { margin-block: 2rem; }
form { display: grid; gap: 1rem; max-width: 38rem; }
label { color: #fff; }
input[type="email"] { width: 100%; box-sizing: border-box; min-height: 3rem; padding: .8rem; border: 1px solid #c4a04a; border-radius: .5rem; background: #111; color: #fff; font: inherit; }
.check { display: flex; align-items: flex-start; gap: .7rem; line-height: 1.6; }
.check input { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin-top: .2rem; accent-color: #d6b356; }
button { min-height: 2.8rem; padding: .7rem 1rem; border: 1px solid #d6b356; border-radius: .5rem; color: #fff; background: #221c0d; font: inherit; cursor: pointer; white-space: normal; text-align: left; }
button:disabled { opacity: .65; cursor: wait; }
button:focus-visible, input:focus-visible, a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.member-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
#member-status { white-space: pre-wrap; }
/* This surface intentionally has no motion or third-party advertising. */
*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }