*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,Arial,sans-serif;background:#050505;color:#fff;overflow-x:hidden}
.bg{position:fixed;inset:0;background:radial-gradient(circle at top,#403015,#050505 60%)}
.container{position:relative;max-width:500px;margin:auto;padding:40px 20px;text-align:center}
.logo{font-size:52px;letter-spacing:10px;font-weight:800}
.tag{color:#c7a75f;margin:10px 0 35px}
.card{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);border:1px solid rgba(214,173,73,.4);border-radius:24px;padding:35px;box-shadow:0 0 40px rgba(212,175,55,.15)}
.badge{display:inline-block;padding:8px 16px;border:1px solid #c7a75f;border-radius:99px;color:#c7a75f}
h1{margin:20px 0;font-size:34px}
.off{font-size:90px;font-weight:900}.off span{color:#d4af37}
.text{opacity:.8}
.coupon{display:flex;margin:30px 0}
.coupon input{flex:1;padding:18px;border:none;font-size:24px;text-align:center}
.coupon button,.shop{padding:18px 24px;border:none;background:#d4af37;color:#000;font-weight:700;text-decoration:none}
.shop{display:block;border-radius:12px;margin-top:15px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.features div{padding:16px;border:1px solid #222;border-radius:12px;background:#111}
#toast{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#222;padding:12px 18px;border-radius:8px}