:root{--bg:#0D0D0D;--gold:#D4AF37;--text:#e7e3d5}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}
a{text-decoration:none}
.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:18px 40px}
.brand{width:160px}.nav{display:flex;gap:10px}
.btn{display:inline-block;border-radius:999px;padding:10px 22px;border:1px solid var(--gold);font-weight:600;background:var(--gold);color:#0D0D0D;transition:transform .25s, box-shadow .25s}
.btn.outline{background:transparent;color:var(--gold)}.btn.small{padding:8px 16px;font-size:.9rem}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.35)}
.container{width:min(1100px,94%);margin:0 auto}
.hero{text-align:center;margin:36px 0 10px}
.hero h1{font-size:clamp(28px,5vw,42px);margin:0;color:#fff}.sub{color:#cfcab4;margin:6px 0 14px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:10px 0 56px}
.card{background:rgba(0,0,0,.5);border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:20px;opacity:0;transform:translateY(12px);transition:opacity .8s ease, transform .8s ease}
.card.show{opacity:1;transform:translateY(0)}
.card h3{margin-top:0;color:var(--gold)}
label{display:block;margin:10px 0 6px;color:#cfcab4}
input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(212,175,55,.25);background:rgba(0,0,0,.6);color:#e7e3d5}
input:focus,textarea:focus{outline:none;border-color:rgba(212,175,55,.6)}
.btn.primary{background:var(--gold);color:#0D0D0D;border:1px solid var(--gold);margin-top:12px}
footer{text-align:center;padding:22px 10px;color:#cfcab4;border-top:1px solid rgba(212,175,55,.15)}
@media(max-width:900px){.grid{grid-template-columns:1fr}.brand{width:130px}.btn.small{padding:6px 10px}.topbar{padding:12px 18px}}