*{box-sizing:border-box}body{margin:0;background:#08080b;color:#f5f1e8;font:16px Arial,sans-serif;line-height:1.6}header,footer{padding:22px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #29242a}.brand,a{color:#d9aa55;text-decoration:none}.hero{min-height:72vh;display:grid;place-items:center;text-align:center;padding:60px 6%;background:radial-gradient(circle at 50% 30%,#4a1230,#151016 38%,#08080b 70%)}.hero div{max-width:850px}.hero h1{font-size:clamp(48px,9vw,100px);line-height:1;margin:15px 0}.hero p{color:#c8c2c5;font-size:18px}.btn{display:inline-block;padding:14px 22px;border-radius:30px;background:#d9aa55;color:#111;font-weight:bold;margin:8px}.section{max-width:1250px;margin:auto;padding:80px 6%}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#121116;border:1px solid #2c272d;border-radius:18px;padding:25px}.card:before{content:'';display:block;height:150px;margin:-25px -25px 22px;border-radius:18px 18px 0 0;background:radial-gradient(circle at 30% 30%,#b51c65,transparent 30%),linear-gradient(135deg,#35111f,#0b0b10 60%,#70451c)}h2{font-size:42px}footer{border-top:1px solid #29242a;border-bottom:0;color:#999}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}header span{display:none}}