.candy-post {
margin: 0;
padding: 0;
font-family: ‘Georgia’, ‘Times New Roman’, serif;
background: linear-gradient(135deg, #d7a1ff 0%, #c084f5 30%, #b06bf8 60%, #a45cf7 100%);
background-attachment: fixed;
color: #333;
min-height: 100vh;
overflow: hidden;
position: relative;
}

/* Floating glitter specks illusion (WP-safe, pure CSS) */
.candy-glitter {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden;
}

.glitter-speck {
position: absolute;
width: 3px;
height: 3px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 0 8px rgba(255,255,255,0.9), 0 0 16px #ff69b4;
opacity: 0;
animation: glitterFall linear infinite;
}

.glitter-speck:nth-child(odd) { background: #ffffff; animation-duration: 12s; animation-delay: 0s; }
.glitter-speck:nth-child(even) { background: #ffe4e1; animation-duration: 15s; animation-delay: 3s; }

@keyframes glitterFall {
0% { opacity: 0; transform: translateY(-20vh) scale(0.5); }
10% { opacity: 0.9; transform: translateY(0vh) scale(1); }
90% { opacity: 0.9; transform: translateY(120vh) scale(0.8); }
100% { opacity: 0; transform: translateY(140vh) scale(0.3); }
}

/* Barbie-like dreamy overlay with soft bokeh & golden-pink glow */
.candy-aesthetic-overlay {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
background:
radial-gradient(circle at 15% 25%, rgba(255,245,238,0.7) 0%, transparent 55%),
radial-gradient(circle at 85% 75%, rgba(255,182,193,0.5) 0%, transparent 60%),
radial-gradient(circle at 50% 50%, rgba(255,105,180,0.3) 0%, transparent 70%);
animation: barbiePulse 20s ease-in-out infinite alternate;
mix-blend-mode: screen;
opacity: 0.88;
}

@keyframes barbiePulse {
0% { opacity: 0.82; filter: brightness(1.05); }
100% { opacity: 1.00; filter: brightness(1.22); }
}

.candy-content {
max-width: 880px;
margin: 0 auto;
padding: 90px 40px 130px;
position: relative;
z-index: 1;
text-align: center;
background: rgba(255,255,255,0.82);
border-radius: 28px;
box-shadow: 0 14px 70px rgba(0,0,0,0.14);
backdrop-filter: blur(10px);
}

.candy-title {
font-size: 3.8rem;
font-weight: 700;
color: #d63384;
text-shadow: 0 0 28px rgba(255,105,180,0.7), 0 0 55px rgba(255,182,193,0.45);
letter-spacing: -1px;
margin-bottom: 50px;
line-height: 1.15;
}

.candy-story {
font-size: 1.28rem;
line-height: 2.05;
color: #2d1b3f !important;
text-shadow: 0 1px 6px rgba(0,0,0,0.15);
max-width: 820px;
margin: 0 auto 80px;
}

.candy-story p {
margin-bottom: 40px;
}

.candy-cta-wrap {
display: flex;
justify-content: center;
gap: 45px;
flex-wrap: wrap;
}

.candy-cta {
position: relative;
padding: 12px 28px;
font-size: 1.05rem;
font-weight: 600;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1.2px;
background: linear-gradient(45deg, #40e0d0, #00ced1, #48d1cc, #40e0d0);
background-size: 300% 300%;
border: 2px solid #e0ffff;
border-radius: 999px;
box-shadow: 0 6px 25px rgba(64,224,208,0.5);
overflow: hidden;
animation: aquaGlitter 3.2s ease-in-out infinite;
min-width: 200px;
transition: all 0.25s ease;
}

.candy-cta:hover {
transform: translateY(-3px) scale(1.07);
box-shadow: 0 12px 40px rgba(0,206,209,0.8);
}

@keyframes aquaGlitter {
0% { background-position: 0% 50%; box-shadow: 0 6px 25px rgba(64,224,208,0.5), inset 0 0 12px rgba(255,255,255,0.4); }
50% { background-position: 100% 50%; box-shadow: 0 10px 35px rgba(0,206,209,0.75), inset 0 0 20px rgba(255,255,255,0.55); }
100% { background-position: 0% 50%; box-shadow: 0 6px 25px rgba(64,224,208,0.5), inset 0 0 12px rgba(255,255,255,0.4); }
}

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

@media (max-width: 720px) {
.candy-title { font-size: 3rem; }
.candy-cta { min-width: 100%; padding: 10px 22px; font-size: 1rem; }
}