<!DOCTYPE html>
<html>
<head>
<title>Premium Card</title>
<style>
body{background:#1a1a1a;display:flex;justify:center;align-items:center;height:100vh;margin:0}
.card{position:relative;width:600px;height:350px;background:linear-gradient(135deg,#2c3e50,#000);border:2px solid #d4af37;box-shadow:0 20px 50px rgba(0,0,0,0.5);overflow:hidden;font-family:serif}
.decor{position:absolute;width:150px;height:150px;border:1px solid rgba(212,175,55,0.3);transform:rotate(45deg)}
.d1{top:-75px;left:-75px;z-index:1}
.d2{bottom:-75px;right:-75px;z-index:1}
.t{position:absolute;width:100%;text-align:center;font-size:70px;text-transform:uppercase;letter-spacing:5px;font-weight:900}
.l1{z-index:1;top:115px;left:4px;color:#555;filter:blur(2px)}
.l2{z-index:2;top:112px;left:2px;color:#d4af37}
.l3{z-index:3;top:110px;left:0;color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.5)}
.sub{position:absolute;z-index:4;bottom:40px;width:100%;text-align:center;color:#d4af37;font-size:18px;letter-spacing:8px;text-transform:uppercase}
</style>
</head>
<body>
<div class="card">
<div class="decor d1"></div>
<div class="decor d2"></div>
<div class="t l1">VIP</div>
<div class="t l2">VIP</div>
<div class="t l3">VIP</div>
<div class="sub">Exclusive Invitation</div>
</div>
</body>
</html>
