* { margin: 0; padding: 0; box-sizing: border-box; }
body { min-height: 100vh; background: radial-gradient(circle at top, #1a1a1a, #0b0b0b); display: flex; align-items: center; justify-content: center; color: #f5f5f5; font-family: "Inter", sans-serif; }
.wrapper { text-align: center; padding: 50px 42px; max-width: 620px; border: 1px solid rgba(255, 215, 160, 0.15); border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)); box-shadow: 0 30px 60px rgba(0,0,0,0.6); backdrop-filter: blur(14px); }
.brand { font-family: "Playfair Display", serif; letter-spacing: 3px; font-size: 14px; color: #d4af37; margin-bottom: 16px; }
.code { font-family: "Playfair Display", serif; font-size: 108px; font-weight: 700; color: #d4af37; line-height: 1; margin-bottom: 8px; }
.title { font-family: "Playfair Display", serif; font-size: 28px; margin-bottom: 12px; }
.desc { font-size: 15px; line-height: 1.6; opacity: 0.85; margin-bottom: 30px; }
.steps { text-align: left; margin: 0 auto 35px; max-width: 460px; font-size: 14px; line-height: 1.7; opacity: 0.9; }
.steps li { margin-bottom: 10px; }
.btn { display: inline-block; padding: 14px 34px; text-decoration: none; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-radius: 30px; background: linear-gradient(135deg, #d4af37, #f6d77c); color: #0b0b0b; font-weight: 500; transition: all 0.35s ease; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(212, 175, 55, 0.4); }
.divider { width: 70px; height: 1px; background: rgba(212, 175, 55, 0.45); margin: 38px auto 26px; }
.contact { font-size: 14px; line-height: 1.8; opacity: 0.9; }
.contact strong { color: #d4af37; font-weight: 500; }
.contact a { color: #d4af37; text-decoration: none; }
.contact a:hover { text-decoration: underline; }
.footer { margin-top: 28px; font-size: 12px; letter-spacing: 1px; opacity: 0.6; }