:root{
  --bg:#0e0e10;
  --gold:#d8bf86;
  --text:#ffffff;
  --muted:#b8b8b8;
  --card:#1b1b1d;
  --border:#2a2a2a;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}
body{background:var(--bg);color:var(--text);}
a{color:inherit;text-decoration:none;}
.container{max-width:1200px;margin:auto;padding:0 20px;}

.hero{position:relative;min-height:95vh;overflow:hidden;}
.hero video{position:absolute;width:100%;height:100%;object-fit:cover;}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.75);}

.topbar{
 display:flex;justify-content:space-between;align-items:center;
 padding:20px 0;border-bottom:1px solid var(--border);
 position:relative;
}
.logo{font-size:30px;font-weight:700;}
.gold{color:var(--gold);}

.hero-content{position:relative;padding:120px 0;max-width:780px;}
h1{font-size:58px;line-height:1.1;margin-bottom:20px;}
p{color:var(--muted);margin-bottom:20px;}

.cards{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;}
.card{background:var(--card);padding:14px;border:1px solid var(--border);border-radius:12px;}

.btn{background:var(--gold);color:#000;padding:14px 24px;border-radius:10px;font-weight:700;display:inline-block;}

.section{padding:80px 0;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.box{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;}

.box img{width:100%;height:220px;object-fit:cover;}
.box h3{padding:12px;}

footer{background:#0a0a0a;padding:50px;margin-top:40px;}
input,button{width:100%;padding:12px;margin-bottom:10px;border-radius:8px;border:none;}
input{background:#1a1a1a;color:#fff;}
button{background:var(--gold);font-weight:700;}