body{margin:0;font-family:Arial;background:#0b1c2c;color:#fff}
.container{max-width:1100px;margin:auto;padding:40px}
.hero{display:flex;align-items:center;gap:40px}
.hero-left{flex:1}
.hero-right{flex:1;position:relative}
.hero-right img{width:100%;border-radius:12px;opacity:.6}
.card{position:absolute;top:20%;right:10%;background:rgba(20,30,40,.9);padding:20px;border-radius:12px;border:1px solid #caa25a}
h1{font-size:48px;margin-bottom:20px}
p{font-size:18px;line-height:1.6}
.btn{display:inline-block;margin-top:20px;padding:12px 20px;background:#caa25a;color:#000;text-decoration:none;border-radius:6px}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:40px 0}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}