body { background-color: #fffaf0; font-family: 'Tiro Devanagari Marathi', serif; }
        .bg-pattern { 
            background-color: #fffaf0;
            background-image: radial-gradient(var(--tw-c-saffron-100) 1px, transparent 1px),
                              radial-gradient(var(--tw-c-saffron-100) 1px, #fffaf0 1px);
            background-size: 20px 20px;
            background-position: 0 0, 10px 10px;
        }
        .glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-bottom: 3px solid #ea580c; }
        
        /* Card Hover Effects */
        .card-item { 
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
            cursor: pointer;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        }
        .card-item:hover { 
            transform: translateY(-8px) rotate(-1deg); 
            box-shadow: 0 20px 30px rgba(234, 88, 12, 0.3); 
            border-color: #f59e0b; /* Amber */
        }
        
        /* Icon Containers */
        .icon-box { transition: all 0.3s ease; }
        .card-item:hover .icon-box { 
            transform: scale(1.2) rotate(5deg); 
            box-shadow: 0 0 15px rgba(255, 165, 0, 0.5);
        }
        
        /* Title Style based on user's original request for bold red shadow */
        .card-title {
            color: #ff0600; /* Red */
            font-weight: 900;
            text-shadow: 1px 1px 3px rgba(119, 255, 248, 0.8); /* Light Cyan Shadow */
            transition: color 0.3s;
        }
        .card-item:hover .card-title {
            color: #c2410c; /* Darker red on hover */
        }