.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;
}

/* Enhanced 3D layered floating hearts/candy with bubble-like sparkle effects */
.ashley-bg-layer1,
.ashley-bg-layer2,
.ashley-bg-layer3,
.ashley-bg-layer4 {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden;
}

.ashley-bg-layer1 {
animation: floatHearts1 20s linear infinite;
opacity: 0.25;
font-size: 3.5rem;
white-space: pre;
letter-spacing: 14px;
line-height: 1.6;
}

.ashley-bg-layer2 {
animation: floatHearts2 26s linear infinite reverse;
opacity: 0.20;
font-size: 2.8rem;
white-space: pre;
letter-spacing: 20px;
line-height: 1.9;
}

.ashley-bg-layer3 {
animation: floatHearts3 32s linear infinite;
opacity: 0.18;
font-size: 4.2rem;
white-space: pre;
letter-spacing: 12px;
line-height: 1.5;
transform: perspective(900px) rotateX(18deg);
}

.ashley-bg-layer4 {
animation: bubbleFloat 15s ease-in-out infinite;
opacity: 0.12;
font-size: 3rem;
white-space: pre;
letter-spacing: 16px;
line-height: 2.2;
filter: blur(1px);
}

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

@keyframes floatHearts1 { 0% { transform: translateY(100vh) rotate(0deg); } 100% { transform: translateY(-130vh) rotate(5deg); } }
@keyframes floatHearts2 { 0% { transform: translateY(120vh) rotate(0deg); } 100% { transform: translateY(-150vh) rotate(-4deg); } }
@keyframes floatHearts3 { 0% { transform: perspective(900px) rotateX(18deg) translateY(140vh) rotate(3deg); } 100% { transform: perspective(900px) rotateX(18deg) translateY(-170vh) rotate(-6deg); } }
@keyframes bubbleFloat { 0% { transform: translateY(110vh) scale(0.8) rotate(0deg); opacity: 0.12; } 50% { transform: translateY(-20vh) scale(1.2) rotate(8deg); opacity: 0.35; } 100% { transform: translateY(-160vh) scale(0.9) rotate(-8deg); opacity: 0.12; } }

/* Deeper 3D sparkle overlay with bubble-like pulsing */
.ashley-sparkle-overlay {
position: absolute;
inset: 0;
background:
radial-gradient(circle at 10% 20%, rgba(255,255,255,0.6) 0%, transparent 45%),
radial-gradient(circle at 90% 80%, rgba(255,182,193,0.7) 0%, transparent 50%),
radial-gradient(circle at 30% 70%, rgba(255,105,180,0.45) 0%, transparent 55%),
radial-gradient(circle at 70% 30%, rgba(255,20,147,0.4) 0%, transparent 60%);
animation: sparkleBreathe 9s ease-in-out infinite alternate, sparkleMove 20s linear infinite, bubblePulse 6s ease-in-out infinite;
pointer-events: none;
z-index: 0;
mix-blend-mode: screen;
}

@keyframes sparkleBreathe { 0% { opacity: 0.5; transform: scale(1); } 100% { opacity: 0.95; transform: scale(1.15); } }
@keyframes sparkleMove { 0% { background-position: 0% 0%, 100% 100%, 30% 70%, 70% 30%; } 100% { background-position: 100% 100%, 0% 0%, 70% 30%, 30% 70%; } }
@keyframes bubblePulse { 0%, 100% { filter: blur(0.5px) brightness(1); } 50% { filter: blur(2px) brightness(1.3); } }

.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; }
}