*{box-sizing:border-box;margin:0;padding:0}

body{
  background:
    radial-gradient(circle at top,#2b1606 0%,#080808 42%,#000 100%);
  color:#f5efe2;
  font-family:Segoe UI,Tahoma,sans-serif;
}

a{color:#d4af37;text-decoration:none}

.hero,.section{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:70px 20px;
}

.container{max-width:1000px;width:100%}

.banner{
  display:inline-block;
  background:linear-gradient(135deg,#f0d27a,#b8860b);
  color:#050505;
  padding:12px 30px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:4px;
  margin-bottom:30px;
  box-shadow:0 0 35px rgba(212,175,55,.45);
}

.logo{
  font-family:Georgia,serif;
  font-size:78px;
  color:#d4af37;
  text-shadow:0 0 30px rgba(212,175,55,.25);
  margin-bottom:15px;
}

.tagline{font-size:25px;color:#ead391;margin-bottom:30px}

.description,.center{
  max-width:850px;
  margin:0 auto 25px;
  font-size:21px;
  line-height:1.7;
  color:#efe4cf;
}

.card{
  margin:35px auto;
  max-width:900px;
  background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(5,5,5,.96));
  border:1px solid rgba(212,175,55,.35);
  border-radius:28px;
  padding:38px;
  box-shadow:0 35px 80px rgba(0,0,0,.65), inset 0 0 40px rgba(212,175,55,.035);
}

.card h2,.card h3,h2{
  font-family:Georgia,serif;
  color:#d4af37;
  margin-bottom:18px;
}

input,textarea,select{
  width:100%;
  margin:12px 0;
  padding:15px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.35);
  background:#070707;
  color:#fff;
}

textarea{min-height:130px}

button,.btn{
  display:inline-block;
  width:auto;
  min-width:210px;
  margin:12px 8px;
  padding:14px 24px;
  border-radius:999px;
  border:1px solid #d4af37;
  font-weight:800;
  cursor:pointer;
}

button,.btn.gold{background:#d4af37;color:#000}
.btn.dark{background:#111;color:#d4af37}

.footer{
  margin-top:45px;
  color:#9b927f;
  font-size:14px;
}

#ageGate{
  position:fixed;
  inset:0;
  background:#000;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:25px;
}

.gate-box{
  max-width:460px;
  border:1px solid #d4af37;
  border-radius:24px;
  padding:40px;
  background:#0a0a0a;
}

hr{border:0;border-top:1px solid rgba(212,175,55,.2);margin:18px 0}

@media(max-width:700px){
  .logo{font-size:46px}
  .description,.center{font-size:18px}
}