Access Granted Your Download Is Ready
Click the button below to secure your
FREE Niche Selection Guide
Bonus Recommendation
Need Traffic For Your New Niche?
Finding the niche is only half the battle. You need high-quality traffic to turn those ideas into real revenue.
Click here for my favorite traffic system right now
MattG Premium Content Delivery
// html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Download Is Ready | MattG Luxury</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&display=swap');
:root {
--frame-gold: linear-gradient(135deg, #BF953F 0%, #FCF6BA 25%, #D4AF37 50%, #FBF5B7 75%, #AA771C 100%);
--inner-bg: radial-gradient(circle at center, #111 0%, #000 100%);
--bright-gold: #D4AF37;
}
body, html {
margin: 0; padding: 0; background: #050505;
font-family: 'Inter', sans-serif; color: #fff;
overflow-x: hidden; min-height: 100vh;
}
#luxury-stage {
min-height: 100vh; width: 100%;
display: flex; flex-direction: column; align-items: center; justify-content: center;
perspective: 2500px;
background: radial-gradient(circle at 50% 50%, #151515 0%, #000 100%);
padding: 40px 20px;
}
.light-beams {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(45deg, transparent, transparent 150px, rgba(212, 175, 55, 0.03) 200px, transparent 250px);
animation: beamsMove 30s linear infinite; pointer-events: none;
}
.frame-wrapper {
position: relative; z-index: 10; transform-style: preserve-3d;
animation: floatStage 10s ease-in-out infinite;
width: 100%; max-width: 750px;
}
.gold-frame-bevel {
background: var(--frame-gold); padding: 18px; border-radius: 25px;
position: relative; transform-style: preserve-3d;
box-shadow: 0 40px 100px rgba(0,0,0,1), 0 0 50px rgba(212, 175, 55, 0.2);
}
.inner-canvas {
background: #000; border-radius: 12px; padding: 70px 40px;
text-align: center; display: flex; flex-direction: column; align-items: center;
box-shadow: inset 0 0 60px rgba(0,0,0,1);
border: 1px solid rgba(212, 175, 55, 0.3);
}
.headline-3d {
font-size: clamp(32px, 6vw, 48px);
font-weight: 900; line-height: 1.1; margin-bottom: 25px;
transform: translateZ(60px);
color: #ffffff;
text-shadow: 0 10px 20px rgba(0,0,0,1);
}
.gold-span {
background: var(--frame-gold);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block; font-size: 0.6em; text-transform: uppercase;
letter-spacing: 6px; margin-bottom: 12px; font-weight: 900;
}
.confirmation-text {
color: #ccc; font-size: 20px; font-weight: 600;
margin-bottom: 45px; transform: translateZ(40px);
}
.btn-luxury {
background: var(--frame-gold); color: #000;
padding: 24px 50px; font-size: 20px; font-weight: 900;
border: none; border-radius: 12px; cursor: pointer;
text-transform: uppercase; letter-spacing: 1px;
text-decoration: none; display: inline-block;
box-shadow: 0 10px 0 #8a6e2f, 0 25px 40px rgba(0,0,0,0.6);
transition: 0.2s; transform: translateZ(80px);
width: 100%; max-width: 480px;
text-align: center;
box-sizing: border-box;
}
.btn-luxury:hover {
transform: translateZ(95px) translateY(-5px);
box-shadow: 0 14px 0 #8a6e2f, 0 30px 50px rgba(212, 175, 55, 0.3);
}
.btn-luxury:active {
transform: translateZ(50px) translateY(6px);
box-shadow: 0 4px 0 #8a6e2f, 0 10px 15px rgba(0,0,0,0.5);
}
.recommended-box {
background: rgba(212, 175, 55, 0.03);
border: 2px solid #D4AF37;
border-radius: 20px; padding: 45px 35px;
margin-top: 80px;
transform: translateZ(30px); width: 100%; max-width: 580px;
text-align: center;
position: relative;
box-shadow: 0 20px 50px rgba(0,0,0,0.8);
box-sizing: border-box;
}
.rec-label {
background: #D4AF37; color: #000;
padding: 6px 20px; font-weight: 900; font-size: 11px;
border-radius: 50px; text-transform: uppercase;
position: absolute; top: -15px; left: 50%;
transform: translateX(-50%);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
letter-spacing: 1px;
}
.rec-title {
color: #fff; font-weight: 900; font-size: 22px;
margin-bottom: 20px; display: block;
line-height: 1.3;
}
.btn-rec {
background: var(--frame-gold); color: #000;
padding: 22px 30px; font-size: 17px; font-weight: 900;
border-radius: 10px; text-decoration: none; display: inline-block;
margin-top: 25px; text-transform: uppercase;
box-shadow: 0 8px 0 #8a6e2f;
transition: 0.3s; width: 100%; max-width: 460px;
box-sizing: border-box;
line-height: 1.2;
}
.btn-rec:hover {
transform: translateY(-3px);
box-shadow: 0 11px 0 #8a6e2f, 0 20px 30px rgba(212, 175, 55, 0.2);
}
.legal-footer { margin-top: 60px; font-size: 11px; color: #444; text-transform: uppercase; letter-spacing: 2px; }
.legal-footer a { color: inherit; text-decoration: none; margin: 0 15px; transition: 0.3s; }
.legal-footer a:hover { color: #D4AF37; }
@keyframes beamsMove { from { background-position: 0 0; } to { background-position: 1000px 1000px; } }
@keyframes floatStage { 0%, 100% { transform: rotateY(-3deg) rotateX(2deg) translateY(0); } 50% { transform: rotateY(3deg) rotateX(-2deg) translateY(-15px); } }
@media (max-width: 600px) {
.inner-canvas { padding: 50px 20px; }
.headline-3d { font-size: 28px; }
.recommended-box { padding: 35px 20px; margin-top: 60px; }
.btn-rec { font-size: 14px; padding: 18px 20px; }
}
</style>
</head>
<body>
<div id="luxury-stage">
<div class="light-beams"></div>
<div class="frame-wrapper">
<div class="gold-frame-bevel">
<div class="inner-canvas">
<h1 class="headline-3d">
<span class="gold-span">Access Granted</span>
Your Download Is Ready
</h1>
<p class="confirmation-text">
Click the button below to secure your <br>
<strong>FREE Niche Selection Guide</strong>
</p>
<a href="https://content.app-sources.com/s/696533244946491231/uploads/Free_Resources/download-3151752.pdf" class="btn-luxury" target="_blank">
Download My Guide Now »
</a>
<div class="recommended-box">
<div class="rec-label">Bonus Recommendation</div>
<span class="rec-title">Need Traffic For Your New Niche?</span>
<p style="margin:0 auto; font-size: 15px; color: #bbb; line-height: 1.6; max-width: 480px;">
Finding the niche is only half the battle. You need high-quality traffic to turn those ideas into real revenue.
</p>
<a href="https://rebrandxpress.com/r.php?p=r4bbd1&u=4&id=mattg" class="btn-rec" target="_blank">
Click here for my favorite traffic system right now
</a>
</div>
<div style="margin-top: 60px; font-size: 10px; color: #333; text-transform: uppercase; letter-spacing: 5px; font-weight: 800;">
MattG Premium Content Delivery
</div>
</div>
</div>
</div>
<div class="legal-footer">
<a href="privacy.html" target="_blank">Privacy Policy</a> |
<a href="terms.html" target="_blank">Terms</a> |
<a href="disclaimer.html" target="_blank">Disclaimer</a>
</div>
</div>
</body>
</html>