.ayana-post {
margin: 0;
padding: 0;
font-family: ‘Georgia’, ‘Times New Roman’, serif;
background: linear-gradient(135deg, #0a3d2e 0%, #1e6b4a 35%, #3a9c7e 65%, #f4a261 100%);
background-attachment: fixed;
min-height: 100vh;
overflow: hidden;
position: relative;
color: #fff;
}

.ayana-bg-glow {
position: absolute;
inset: 0;
background: radial-gradient(circle at 30% 20%, rgba(255, 215, 0, 0.35) 0%, transparent 50%),
radial-gradient(circle at 70% 80%, rgba(0, 255, 200, 0.28) 0%, transparent 60%);
pointer-events: none;
z-index: 1;
animation: tropicalGlow 18s ease-in-out infinite alternate;
}

@keyframes tropicalGlow {
0% { opacity: 0.65; }
100% { opacity: 1; }
}

.ayana-content {
position: relative;
z-index: 3;
max-width: 920px;
margin: 0 auto;
padding: 100px 30px 140px;
display: grid;
grid-template-columns: 1fr;
gap: 60px;
text-align: center;
}

.ayana-title {
font-size: 3.6rem;
font-weight: 700;
color: #ffd700;
text-shadow: 0 0 35px #ffd700, 0 0 70px #ff8c00, 0 0 90px #00ffcc;
letter-spacing: 1px;
line-height: 1.15;
}

.ayana-story {
font-size: 1.24rem;
line-height: 1.92;
color: #f0f0f0;
text-shadow: 0 2px 10px rgba(0,0,0,0.6);
max-width: 820px;
margin: 0 auto;
}

.ayana-story p {
margin-bottom: 42px;
}

.ayana-cta-wrap {
display: flex;
justify-content: center;
gap: 35px;
flex-wrap: wrap;
}

.ayana-cta {
padding: 20px 48px;
font-size: 1.22rem;
font-weight: 700;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
background: linear-gradient(45deg, #00b894, #00cec9);
border: 3px solid #ffd700;
border-radius: 50px;
box-shadow: 0 12px 35px rgba(0, 184, 148, 0.6);
transition: all 0.4s ease;
}

.ayana-cta:hover {
transform: translateY(-6px) scale(1.05);
box-shadow: 0 20px 50px rgba(0, 206, 201, 0.8);
}

@media (max-width: 768px) {
.ayana-title { font-size: 2.9rem; }
.ayana-content { padding: 80px 20px 100px; }
.ayana-cta { width: 100%; max-width: 340px; }
}