.ashley-wrapper {
margin: 0;
padding: 0;
font-family: ‘Comic Sans MS’, ‘Chalkboard SE’, cursive, sans-serif;
background: linear-gradient(135deg, #ff9ec1 0%, #ff69b4 40%, #ffb6c1 70%, #ff9ec1 100%);
background-attachment: fixed;
color: #fff;
min-height: 100vh;
overflow: hidden;
position: relative;
}

/* Layered sparkling + floating candy/hearts background for fuller, 3D-like effect */
.ashley-bg-layer1,
.ashley-bg-layer2,
.ashley-bg-layer3 {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden;
}

.ashley-bg-layer1 {
animation: floatHearts1 22s linear infinite;
opacity: 0.22;
font-size: 3.2rem;
white-space: pre;
letter-spacing: 12px;
line-height: 1.6;
text-align: justify;
}

.ashley-bg-layer2 {
animation: floatHearts2 28s linear infinite reverse;
opacity: 0.18;
font-size: 2.6rem;
white-space: pre;
letter-spacing: 18px;
line-height: 1.8;
text-align: justify;
}

.ashley-bg-layer3 {
animation: floatHearts3 35s linear infinite;
opacity: 0.15;
font-size: 4rem;
white-space: pre;
letter-spacing: 10px;
line-height: 1.4;
text-align: justify;
transform: perspective(800px) rotateX(15deg);
}

.ashley-bg-layer1::before,
.ashley-bg-layer2::before,
.ashley-bg-layer3::before {
content: ‘💖 🍭 💕 🍬 💗 🍭 💖 🍬 💕 💖 🍭 💕 🍬 💗 🍭 💖 🍬 💕 💖 🍭 💕 🍬 💗’;
}

@keyframes floatHearts1 {
0% { transform: translateY(100vh) rotate(0deg); }
100% { transform: translateY(-120vh) rotate(4deg); }
}

@keyframes floatHearts2 {
0% { transform: translateY(120vh) rotate(0deg); }
100% { transform: translateY(-140vh) rotate(-3deg); }
}

@keyframes floatHearts3 {
0% { transform: perspective(800px) rotateX(15deg) translateY(140vh) rotate(2deg); }
100% { transform: perspective(800px) rotateX(15deg) translateY(-160vh) rotate(-5deg); }
}

/* Enhanced sparkling overlay with depth */
.ashley-sparkle-overlay {
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 25%, rgba(255,255,255,0.55) 0%, transparent 50%),
radial-gradient(circle at 85% 75%, rgba(255,182,193,0.65) 0%, transparent 55%),
radial-gradient(circle at 40% 60%, rgba(255,105,180,0.4) 0%, transparent 60%);
animation: sparkleBreathe 10s ease-in-out infinite alternate, sparkleMove 18s linear infinite;
pointer-events: none;
z-index: 0;
mix-blend-mode: screen;
}

@keyframes sparkleBreathe {
0% { opacity: 0.45; transform: scale(1); }
100% { opacity: 0.85; transform: scale(1.12); }
}

@keyframes sparkleMove {
0% { background-position: 0% 0%, 100% 100%, 50% 50%; }
100% { background-position: 100% 100%, 0% 0%, 50% 50%; }
}

.ashley-container {
max-width: 820px;
margin: 0 auto;
padding: 50px 20px 80px;
text-align: center;
position: relative;
z-index: 1;
}

.ashley-header {
font-size: 3.4rem;
font-weight: 900;
color: #fff;
text-shadow: 0 0 20px #ff69b4, 0 0 40px #ff1493, 0 0 60px #c71585;
letter-spacing: -1px;
margin-bottom: 45px;
line-height: 1.1;
}

.ashley-story {
color: #ffffff;
}

.ashley-story p {
font-size: 1.18rem;
line-height: 1.9;
margin-bottom: 32px;
text-shadow: 0 0 10px rgba(255,105,180,0.7), 0 0 20px rgba(255,20,147,0.4);
color: #fff;
}

.cta-buttons {
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
margin-top: 60px;
}

.ashley-btn {
position: relative;
display: inline-block;
padding: 24px 50px;
font-size: 1.38rem;
font-weight: 900;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1.8px;
background: linear-gradient(45deg, #ff69b4, #ff1493, #c71585, #ff69b4);
background-size: 300% 300%;
border-radius: 999px;
box-shadow: 0 10px 30px rgba(255,105,180,0.6);
overflow: hidden;
animation: glowPulse 2.8s ease-in-out infinite, bgShift 6s linear infinite;
min-width: 280px;
}

@keyframes glowPulse {
0%, 100% { box-shadow: 0 10px 30px rgba(255,105,180,0.6); transform: scale(1); }
50% { box-shadow: 0 20px 50px rgba(255,20,147,0.95); transform: scale(1.07); }
}

@keyframes bgShift {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}

.ashley-btn::before {
content: ”;
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
background: linear-gradient(
45deg,
transparent 30%,
rgba(255,255,255,0.95) 50%,
transparent 70%
);
animation: shine 3.5s linear infinite;
pointer-events: none;
}

@keyframes shine {
0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.ashley-btn span {
position: relative;
z-index: 2;
display: block;
line-height: 1.3;
}

.ashley-btn .number {
font-size: 1.1rem;
font-weight: 700;
margin-top: 6px;
opacity: 0.95;
}

@media (max-width: 620px) {
.ashley-header { font-size: 2.8rem; }
.ashley-btn { min-width: 100%; padding: 20px 35px; font-size: 1.3rem; }
}