*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#040404;color:#fff}
a{text-decoration:none;color:#fff}nav{display:flex;justify-content:space-between;padding:18px 24px}.brand{font-weight:900;color:#d4af37;letter-spacing:2px}
.menu a{margin-left:18px}.hero{min-height:100vh;padding:10px;background:radial-gradient(circle at center,rgba(212,175,55,.18),transparent 30%),linear-gradient(#000,#111)}
.center{text-align:center;max-width:950px;margin:110px auto}.logo{width:150px;height:150px;border:3px solid #d4af37;border-radius:30px;margin:auto;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:900;color:#d4af37}
h1{font-size:58px;margin:26px 0 12px}.btn{display:inline-block;padding:15px 24px;border-radius:10px;margin:8px;font-weight:800}.gold{background:#d4af37;color:#000}.dark{border:1px solid #d4af37}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;padding:50px 24px}.card,.about,.contact{background:#111;padding:28px;border-radius:18px;border:1px solid rgba(212,175,55,.2)}
.about,.contact{margin:24px}form{display:grid;gap:12px;max-width:700px}input,textarea,button{padding:14px;border:none;border-radius:10px}button{background:#d4af37;font-weight:800}footer{text-align:center;padding:30px;color:#aaa}
@media(max-width:700px){h1{font-size:36px}.menu{display:none}.logo{width:120px;height:120px;font-size:44px}}