body { font-family: 'Roboto', sans-serif; }
.font-fredoka { font-family: 'Fredoka One', cursive; }
.bg-cream { background-color: #FFFBEB; }
.text-coral { color: #F87171; }
.bg-coral { background-color: #F87171; }
.text-sky-blue { color: #60A5FA; }
.text-mango { color: #FBBF24; }
.text-mint { color: #6EE7B7; }
.bg-sky-blue { background-color: #60A5FA; }
.bg-mango { background-color: #FBBF24; }
.bg-mint { background-color: #6EE7B7; }
/* Fade-in animation */
.fade-in {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.4,0,.2,1);
}
.fade-in.visible {
    opacity: 1;
    transform: none;
}
/* Animated plan buttons */
.plan-btn {
    transition: background 0.3s, color 0.3s, box-shadow 0.3s, transform 0.2s;
}
.plan-btn.bg-mango:hover {
    background: #FBBF24;
    color: #fff;
    box-shadow: 0 4px 24px 0 #FBBF24aa;
}
.plan-btn.bg-coral:hover {
    background: #F87171;
    color: #fff;
    box-shadow: 0 4px 24px 0 #F87171aa;
}
.plan-btn.bg-sky-blue:hover {
    background: #60A5FA;
    color: #fff;
    box-shadow: 0 4px 24px 0 #60A5FAaa;
}