/* style.css */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-playfair {
    font-family: 'Fraunces', serif;
}

/* Reverted: Premium Animated Background */
.animated-bg {
    background: linear-gradient(-45deg, #f8fafc, #f1f5f9, #e2e8f0, #eff6ff);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
    background-attachment: fixed;
}

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

/* Reverted: High-End Glassmorphism */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,1);
}

.shadow-lux {
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0,0,0,0.02);
}

.mood-btn {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.mood-btn:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.08);
}

/* Bento Box Reveal Animations */
.reveal-stagger { opacity: 0; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal-stagger.active { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }



/* ── 3d icons ── */
.icon-gradient{-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.15));
background-image:linear-gradient(180deg,#ff4b4b 0%,#f00100 45%,#8a0606 100%);
transition: transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275),filter 0.3s ease;
}
.mood-btn:hover .icon-gradient {transform: scale(1.22) rotate(3deg); filter: drop-shadow(0 6px 12px rgba(0,0,0,0.18));}
.lost{background-image:linear-gradient(180deg,#c0eb3a 0%,#a4c639 45%,#049940 100%)}
.stressed{background-image:linear-gradient(180deg,#8ad9ff 0%,#5fc9fb 45%,#047cd5 100%)}
.burned-out{background-image:linear-gradient(180deg,#ff4b4b 0%,#f00100 45%,#8a0606 100%)}
.overwhelmed{background-image:linear-gradient(180deg,#d3c2ff 0%,#bba0fb 45%,#5528a3 100%)}
.ambitious{background-image:linear-gradient(180deg,#ff7e75 0%,#ea564c 45%,#a10a00 100%)}
.happy {background-image: linear-gradient(180deg,#FDE047 0%,#F59E0B 60%,#B45309 100%);}
.unmotivated{background-image: linear-gradient(180deg,#C084FC 0%,#7C3AED 50%,#4C1D95 100%);}
.sad{background-image: linear-gradient(180deg,#94A3B8 0%,#475569 50%,#1E293B 100%);}


.logobox {
  background-image: linear-gradient(180deg, #9f7aea 0%, #6d19fc 40%, #279ff3 100%);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.15));
}


.logox, #exp-affirmation { font-family: "Fraunces"; }   
 /* #exp-author::before {content: "- ";} */