:root{
  --bg:#141414; --panel:#1d1d1d; --line:#333;
  --gold:#c49a6c; --gold-light:#d8b48a;
  --white:#f6f3ee; --grey:#a3a3a3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.page{max-width:640px;margin:0 auto;padding:40px 22px 30px}
.hero{text-align:center;padding:10px 0 50px}
.logo{display:block;width:min(340px,80%);height:auto;margin:0 auto;mix-blend-mode:lighten}
.rule{margin:26px auto 22px;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.2rem,8vw,3.4rem);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px;padding-left:.28em;color:var(--white)}
.lead{color:var(--grey);max-width:480px;margin:0 auto 28px}
.card{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:4px;padding:34px 30px}
.card h2{font-family:Georgia,serif;font-weight:400;font-size:1.6rem;margin:0 0 6px;color:var(--gold-light)}
.sub{color:var(--grey);margin:0 0 24px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:18px}
label{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin-bottom:6px}
.opt{text-transform:none;letter-spacing:0;color:#777}
input,select,textarea{width:100%;background:#141414;border:1px solid var(--line);color:var(--white);padding:12px 14px;font:inherit;border-radius:3px;transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
textarea{resize:vertical}
.btn{display:inline-block;font:inherit;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;padding:14px 34px;border-radius:3px;cursor:pointer;text-decoration:none;transition:all .2s}
.btn--primary{width:100%;background:var(--gold);color:#141414;border:1px solid var(--gold);font-weight:600}
.btn--primary:hover{background:var(--gold-light)}
.btn--ghost{border:1px solid var(--gold);color:var(--gold-light);background:transparent}
.btn--ghost:hover{background:var(--gold);color:#141414}
.alert{padding:14px 16px;border-radius:3px;margin-bottom:22px;font-size:.95rem}
.alert--ok{background:rgba(196,154,108,.12);border:1px solid var(--gold);color:var(--gold-light)}
.alert--err{background:rgba(200,80,80,.12);border:1px solid #a84a4a;color:#e6a5a5}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
footer{text-align:center;color:#777;font-size:.82rem;margin-top:34px}
.social a{color:var(--gold);text-decoration:none;margin:0 10px;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}
@media(max-width:520px){.row{grid-template-columns:1fr;gap:0}.card{padding:26px 20px}}
