*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background:#0f1c32;color:#fff;line-height:1.5}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;z-index:50;background:rgba(15,28,50,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,0.2);padding:16px 0}
.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-8{gap:32px}.grid{display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}
.btn-gold{background:linear-gradient(90deg,#d4af37,#c19a2e);color:#13233f;font-weight:700;padding:12px 16px;border-radius:9999px;font-size:11px;border:0;cursor:pointer}
.btn-outline{border:1px solid rgba(212,175,55,0.2);padding:6px 12px;border-radius:9999px;font-size:11px;background:transparent;color:#fff;cursor:pointer}
.card{background:#13233f;border:1px solid rgba(212,175,55,0.3);border-radius:20px;padding:28px;box-shadow:0 20px 40px rgba(0,0,0,0.3)}
.input{width:100%;background:#0f1c32;border:1px solid rgba(212,175,55,0.2);border-radius:12px;padding:14px 16px;font-size:14px;color:#fff;outline:none}
.input:focus{border-color:#d4af37}
.badge{display:inline-flex;background:#13233f;border:1px solid rgba(212,175,55,0.2);border-radius:9999px;padding:4px 12px;font-size:11px;color:#d4af37}
.hero{padding:48px 0 80px 0}
.h1{font-size:48px;font-weight:700;line-height:1.1}.gold{color:#d4af37}.muted{color:#9ca3af;font-size:14px;margin-top:12px;line-height:1.6}
.stat{background:#13233f;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,0.1);font-size:12px}
@media(max-width:768px){.grid-2{grid-template-columns:1fr}.h1{font-size:32px}}