:root { --night:#0B0908; --night2:#17130F; --night3:#201A14; --gold:#C89B4A; --cream:#F3E6C8; --muted:#bfb39a; }
* { box-sizing:border-box; margin:0; padding:0; }
html { background:var(--night); }
body { background:radial-gradient(circle at 50% 0%, var(--night3) 0%, var(--night2) 45%, var(--night) 100%) fixed;
       color:var(--cream); font:16px/1.6 Georgia, "Times New Roman", serif; min-height:100vh; padding:48px 16px 32px;
       display:flex; flex-direction:column; }
main { max-width:720px; width:100%; margin:0 auto; flex:1; }
h1 { font:700 30px/1.2 "Arial Narrow", Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; }
h1 small { display:block; font-size:14px; color:var(--gold); letter-spacing:.14em; margin-top:6px; }
h2 { font:700 17px/1.3 "Arial Narrow", Arial, sans-serif; letter-spacing:.1em; text-transform:uppercase;
     color:var(--gold); margin:36px 0 10px; padding-top:18px; border-top:1px solid rgba(200,155,74,.35); }
p, li { margin-bottom:10px; } ul { padding-left:20px; }
a { color:var(--gold); }
.note { color:var(--muted); font-size:14px; }
footer { max-width:720px; width:100%; margin:48px auto 0; padding-top:16px; border-top:1px solid rgba(200,155,74,.25);
         font-size:14px; color:var(--muted); display:flex; gap:18px; flex-wrap:wrap; }
footer a { color:var(--muted); }
/* landing */
.hero { text-align:center; padding-top:24px; }
.hero img { width:180px; height:180px; border-radius:50%; }
.hero h1 { margin-top:24px; }
.hero p { color:var(--muted); max-width:520px; margin:14px auto 0; }
.links { display:grid; gap:12px; max-width:420px; margin:32px auto 0; }
.links a { display:block; padding:14px 18px; border:1px solid rgba(200,155,74,.55); border-radius:999px; text-decoration:none;
           color:var(--cream); font:700 15px/1 "Arial Narrow", Arial, sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.links a:hover { background:rgba(200,155,74,.12); }
.links a.main { background:var(--gold); color:var(--night); border-color:var(--gold); }
/* form */
form { display:grid; gap:14px; margin-top:20px; }
label { font-size:14px; color:var(--muted); display:grid; gap:6px; }
input, textarea { width:100%; padding:12px; background:rgba(0,0,0,.35); border:1px solid rgba(200,155,74,.45); border-radius:8px;
                  color:var(--cream); font:16px/1.4 Georgia, serif; }
textarea { min-height:180px; resize:vertical; }
input:focus, textarea:focus { outline:2px solid var(--gold); outline-offset:1px; }
button { justify-self:start; padding:12px 26px; border:0; border-radius:999px; background:var(--gold); color:var(--night);
         font:700 15px/1 "Arial Narrow", Arial, sans-serif; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.check { display:flex; gap:10px; align-items:flex-start; } .check input { width:auto; margin-top:5px; }