body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFF9F5;
            color: #4A3A3D;
        }
        .font-heading {
            font-family: 'Playfair Display', serif;
        }
        .bg-pattern {
            background-image: radial-gradient(#B98FA3 0.75px, transparent 0.75px);
            background-size: 16px 16px;
        }
        .custom-shadow {
            box-shadow: 0 8px 25px rgba(232, 141, 159, 0.15);
        }
        .custom-shadow-sm {
            box-shadow: 0 4px 12px rgba(232, 141, 159, 0.1);
        }
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #F8E5EB;
        }
        ::-webkit-scrollbar-thumb {
            background: #E8B7C8;
            border-radius: 99px;
        }
        .page-view {
            display: none;
        }
        .page-view.active {
            display: block;
            animation: fadeIn 0.3s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(4px); }
            to { opacity: 1; transform: translateY(0); }
        }
        /* Heart sparkle animation */
        @keyframes floatHeart {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-6px) rotate(5deg); }
        }
        .animate-float {
            animation: floatHeart 3s ease-in-out infinite;
        }