*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#000;
  border-bottom:2px solid #d4af37;padding:12px 16px;position:sticky;top:0;z-index:100}
.topbar .left{display:flex;align-items:center;gap:12px}
.logo{height:46px;width:auto;display:block}
h1{font-size:1.35rem;margin:0;color:#fff;letter-spacing:.4px}
.right{display:flex;align-items:center;gap:10px}
.cta{background:#d4af37;color:#000;text-decoration:none;padding:9px 13px;border-radius:10px;
  font-weight:bold;border:1px solid #d4af37}
.cta.outline{background:transparent;color:#d4af37}
.cta:hover{filter:brightness(1.1)}
.container{max-width:1400px;margin:24px auto;padding:0 16px}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.card{background:#0f0f0f;border:1.5px solid #d4af37;border-radius:14px;padding:20px;text-decoration:none;color:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;min-height:92px;
  box-shadow:0 0 18px rgba(212,175,55,.18);transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.card h3{margin:0;font-size:0.98rem;letter-spacing:.3px}
.card:hover{transform:translateY(-3px);box-shadow:0 0 24px rgba(212,175,55,.36);border-color:#ffd773}
.footer{text-align:center;padding:20px 0 30px;color:#cfcfcf;border-top:1px solid #1c1c1c}
.footer .secure{color:#d4af37;font-weight:bold}
@media (max-width:1100px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}