body{margin:0;background:#111;color:#fff;font-family:Arial,sans-serif}nav{display:flex;justify-content:space-between;padding:20px 8%;background:#111;position:sticky;top:0}ul{display:flex;gap:20px;list-style:none}.logo{font-size:30px;font-weight:bold}.logo span,h2{color:#d4af37}a{text-decoration:none;color:#fff}.hero{min-height:90vh;background:linear-gradient(135deg,#0d0d0d,#222);display:flex;flex-direction:column}.hero-content{text-align:center;margin:auto;padding:20px}h1{font-size:58px}.tag{color:#d4af37;font-size:22px}.btn{display:inline-block;margin:10px;padding:14px 28px;border:2px solid #d4af37;border-radius:8px}.gold,.btn:hover{background:#d4af37;color:#111}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:20px}.card{background:#1b1b1b;padding:35px;border-radius:14px;transition:.3s;border:1px solid #333}.card:hover{transform:translateY(-8px);border-color:#d4af37;box-shadow:0 0 20px rgba(212,175,55,.3)}section{padding:60px 8%}.center{text-align:center;max-width:900px;margin:auto}footer{text-align:center;padding:30px;background:#000}.badge{background:#d4af37;color:#111;padding:6px 12px;border-radius:20px;font-weight:bold}