body{margin:0;font-family:Arial,sans-serif;background:#05070a;color:#fff}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative;overflow:hidden}
.hero .content{position:relative;z-index:1;max-width:900px}
.hero .badge{color:#d4af37}
.hero h1{font-size:clamp(40px,6vw,80px)}
.hero .btn{display:inline-block;background:#d4af37;color:#000;padding:14px 24px;text-decoration:none;border-radius:8px;margin-top:20px}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:40px}
.stats .card{background:#111;padding:30px;border-radius:16px;font-size:36px;text-align:center}
.stats .card span{display:block;font-size:14px;margin-top:10px}
.briefing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:40px}
.briefing .card{background:#111;border-radius:16px;overflow:hidden;text-align:center}
.briefing .card img{width:100%;border-radius:16px}
.briefing .card span{display:block;margin-top:8px;font-size:14px}
.quiz{text-align:center;padding:60px 20px}
.quiz button{margin:10px;padding:12px 20px}