
     * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #fff9f0 0%, #f5efe6 100%);
            color: #4a3729;
            overflow-x: hidden;
        }
        
        h1, h2, h3, h4, h5 {
            font-family: 'Noto Serif', serif;
        }
        
        /* Buddhist Color Scheme */
        :root {
            --saffron: #ff9933;       /* Sacred Saffron Orange */
            --saffron-dark: #e67e22;   /* Deep Saffron */
            --brown: #8b5a2b;          /* Monastic Brown */
            --brown-dark: #5d3a1b;      /* Dark Brown */
            --gold: #ffd700;            /* Golden Light */
            --gold-dark: #daa520;        /* Dark Gold */
            --cream: #fff5e6;            /* Off-white Cream */
            --sand: #e6d5b8;              /* Sand Color */
        }
        
        /* Light Background with Warm Gradient */
        .light-bg {
            background: linear-gradient(135deg, #ffffff 0%, #fff9f0 100%);
        }
        
        /* Animated Gradient Background for Sections */
        .animated-bg-light {
            background: linear-gradient(-45deg, #ff993320, #8b5a2b20, #ffd70020, #e6d5b8);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }
        
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        /* Floating Animation */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        
        .float {
            animation: float 6s ease-in-out infinite;
        }
        
        /* Pulse Animation - Peaceful Pulse */
        @keyframes peaceful-pulse {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.02); opacity: 0.9; }
            100% { transform: scale(1); opacity: 1; }
        }
        
        .peaceful-pulse {
            animation: peaceful-pulse 3s ease-in-out infinite;
        }
        
        /* Glow Animation - Golden Glow */
        @keyframes golden-glow {
            0% { box-shadow: 0 0 5px rgba(255,153,51,0.3); }
            50% { box-shadow: 0 0 30px rgba(255,215,0,0.4); }
            100% { box-shadow: 0 0 5px rgba(255,153,51,0.3); }
        }
        
        .golden-glow {
            animation: golden-glow 3s ease-in-out infinite;
        }
        
        /* Lotus Animation */
        @keyframes lotus {
            0% { transform: rotate(0deg) scale(1); }
            50% { transform: rotate(5deg) scale(1.05); }
            100% { transform: rotate(0deg) scale(1); }
        }
        
        .lotus {
            animation: lotus 8s ease-in-out infinite;
        }
        
        /* Navbar - Buddhist Theme */
        .navbar {
            background: rgba(255, 245, 230, 0.95) !important;
            backdrop-filter: blur(10px);
            padding: 20px 30px;
            border-bottom: 2px solid #ff9933;
            animation: slideInDown 1s;
            box-shadow: 0 2px 20px rgba(139,90,43,0.1);
        }
        
        .navbar-brand {
            font-weight: 800;
            font-size: 2rem;
            font-family: 'Noto Serif', serif;
            background: linear-gradient(45deg, #ff9933, #8b5a2b, #daa520);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: peaceful-pulse 3s ease-in-out infinite;
        }
        
        .navbar-nav .nav-link {
            color: #4a3729 !important;
            font-weight: 500;
            margin: 0 10px;
            position: relative;
            transition: all 0.3s;
        }
        
        .navbar-nav .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #ff9933, #8b5a2b, #daa520);
            transition: width 0.3s;
        }
        
        .navbar-nav .nav-link:hover::after {
            width: 100%;
        }
        
        .navbar-nav .nav-link.active {
            color: #ff9933 !important;
        }
        
        /* Buddhist Buttons */
        .btn-saffron {
            background: linear-gradient(45deg, #ff9933, #e67e22);
            color: white;
            border: none;
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(255,153,51,0.3);
        }
        
        .btn-saffron::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.5s;
        }
        
        .btn-saffron:hover::before {
            left: 100%;
        }
        
        .btn-saffron:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(255,153,51,0.4);
        }
        
        .btn-brown {
            background: linear-gradient(45deg, #8b5a2b, #5d3a1b);
            color: white;
            border: none;
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(139,90,43,0.3);
        }
        
        .btn-brown:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(139,90,43,0.4);
        }
        
        .btn-gold {
            background: linear-gradient(45deg, #ffd700, #daa520);
            color: #4a3729;
            border: none;
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(255,215,0,0.3);
        }
        
        .btn-gold:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(255,215,0,0.4);
            color: #4a3729;
        }
        
        .btn-outline-saffron {
            background: transparent;
            border: 2px solid #ff9933;
            color: #ff9933;
            padding: 12px 32px;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
        }
        
        .btn-outline-saffron:hover {
            background: #ff9933;
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(255,153,51,0.3);
        }
        
        /* Hero Carousel - Buddhist Theme */
        .carousel-item {
            height: 90vh;
            min-height: 600px;
            position: relative;
            overflow: hidden;
        }
        
        .carousel-item img {
            object-fit: cover;
            height: 100%;
            width: 100%;
            filter: brightness(0.8) sepia(0.2);
            transition: transform 10s;
        }
        
        .carousel-item.active img {
            transform: scale(1.1);
        }
        
        .carousel-caption {
            background: rgba(139, 90, 43, 0.2);
            backdrop-filter: blur(10px);
            border-radius: 30px;
            padding: 50px;
            bottom: 20%;
            max-width: 900px;
            margin: 0 auto;
            left: 0;
            right: 0;
            animation: fadeInUp 1.5s;
            border: 2px solid rgba(255,153,51,0.3);
            color: white;
        }
        
        .carousel-caption h1 {
            font-size: 5rem;
            font-weight: 800;
            font-family: 'Noto Serif', serif;
            background: linear-gradient(45deg, #ff9933, #ffd700, #e6d5b8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: float 6s ease-in-out infinite;
        }
        
        .carousel-caption p {
            color: white;
        }
        
        /* Stats Section - Buddhist Theme */
        .stats-container {
            background: white;
            backdrop-filter: blur(10px);
            border-radius: 100px;
            padding: 30px 40px;
            margin-top: -50px;
            position: relative;
            z-index: 10;
            max-width: 1300px;
            margin-left: auto;
            margin-right: auto;
            border: 2px solid rgba(255,153,51,0.2);
            animation: fadeInUp 1s;
            box-shadow: 0 10px 40px rgba(139,90,43,0.05);
        }
        
        .stat-item {
            text-align: center;
            border-right: 2px solid rgba(255,153,51,0.1);
            padding: 0 20px;
            transition: all 0.3s;
        }
        
        .stat-item:last-child {
            border-right: none;
        }
        
        .stat-item:hover {
            transform: scale(1.1);
        }
        
        .stat-item h5 {
            font-weight: 700;
            font-size: 1.3rem;
            background: linear-gradient(45deg, #ff9933, #8b5a2b, #daa520);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .stat-item p {
            color: #8b5a2b;
            margin-bottom: 0;
        }
        
        /* Cards - Buddhist Theme */
        .glass-card {
            background: white;
            backdrop-filter: blur(10px);
            border-radius: 30px;
            padding: 40px;
            border: 2px solid rgba(255,153,51,0.1);
            transition: all 0.3s;
            height: 100%;
            animation: fadeInUp 1s;
            box-shadow: 0 10px 30px rgba(139,90,43,0.03);
        }
        
        .glass-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 20px 50px rgba(255,153,51,0.1);
            border-color: #ff9933;
        }
        
        .glass-card p {
            color: #6b4f32;
        }
        
        .feature-card {
            background: white;
            backdrop-filter: blur(10px);
            border-radius: 30px;
            padding: 30px 20px;
            text-align: center;
            border: 2px solid rgba(255,153,51,0.1);
            transition: all 0.3s;
            height: 100%;
            animation: fadeInUp 1s;
            box-shadow: 0 10px 30px rgba(139,90,43,0.03);
        }
        
        .feature-card:hover {
            transform: translateY(-10px) rotate(1deg);
            box-shadow: 0 20px 40px rgba(255,153,51,0.1);
            border-color: #daa520;
        }
        
        .feature-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, #ff993320, #8b5a2b20);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 2.5rem;
            color: #ff9933;
            animation: lotus 8s ease-in-out infinite;
            border: 2px solid #ff993340;
        }
        
        .feature-card h4 {
            color: #4a3729;
        }
        
        /* Pricing Cards - Buddhist Temple Style */
        .pricing-card {
            background: white;
            border-radius: 30px;
            padding: 30px 20px;
            text-align: center;
            border: 2px solid rgba(255,153,51,0.1);
            transition: all 0.3s;
            height: 100%;
            animation: fadeInUp 1s;
            box-shadow: 0 10px 30px rgba(139,90,43,0.03);
            position: relative;
            overflow: hidden;
        }
        
        .pricing-card::before {
            content: '☸';
            position: absolute;
            top: -20px;
            right: -20px;
            font-size: 100px;
            opacity: 0.03;
            transform: rotate(45deg);
            color: #8b5a2b;
        }
        
        .pricing-card:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 20px 50px rgba(255,153,51,0.15);
            border-color: #ff9933;
        }
        
        .pricing-card h3 {
            font-size: 3rem;
            font-weight: 800;
            color: #8b5a2b;
            margin-bottom: 5px;
            font-family: 'Noto Serif', serif;
        }
        
        .pricing-card .price-tag {
            font-size: 1.1rem;
            color: #ff9933;
            margin-bottom: 20px;
            display: inline-block;
            padding: 5px 20px;
            background: linear-gradient(135deg, #ff993320, #ffd70020);
            border-radius: 50px;
            font-weight: 600;
        }
        
        .pricing-card .period {
            font-weight: 600;
            color: #daa520;
            margin-bottom: 20px;
            font-size: 1.1rem;
        }
        
        .pricing-card ul {
            list-style: none;
            padding: 0;
            margin: 20px 0;
            text-align: left;
        }
        
        .pricing-card li {
            padding: 8px 0;
            color: #4a3729;
            font-size: 0.9rem;
        }
        
        .pricing-card li i {
            color: #ff9933;
            margin-right: 10px;
            font-size: 1rem;
        }
        
        .pricing-card .popular-badge {
            position: absolute;
            top: 20px;
            right: -30px;
            background: #ff9933;
            color: white;
            padding: 5px 30px;
            transform: rotate(45deg);
            font-size: 0.8rem;
            font-weight: 600;
        }
        
        .pricing-card .dharma-badge {
            display: inline-block;
            background: #ff9933;
            color: white;
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.7rem;
            margin-left: 5px;
        }
        
        /* WhatsApp Section - Buddhist Theme */
        .whatsapp-section {
            background: white;
            backdrop-filter: blur(10px);
            border-radius: 50px;
            padding: 60px;
            text-align: center;
            margin: 40px 0;
            border: 2px solid rgba(255,153,51,0.1);
            animation: peaceful-pulse 4s ease-in-out infinite;
            box-shadow: 0 20px 50px rgba(139,90,43,0.03);
        }
        
        .whatsapp-section p {
            color: #6b4f32;
        }
        
        .whatsapp-number {
            font-size: 3rem;
            font-weight: 800;
            font-family: 'Noto Serif', serif;
            background: linear-gradient(45deg, #ff9933, #8b5a2b, #daa520);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        /* FAQ Section */
        .faq-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 40px;
            flex-wrap: wrap;
        }
        
        .faq-buttons .btn {
            min-width: 200px;
        }
        
        .accordion-item {
            background: white;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255,153,51,0.1);
            margin-bottom: 15px;
            border-radius: 15px !important;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(139,90,43,0.02);
        }
        
        .accordion-button {
            background: white;
            color: #4a3729;
            font-weight: 600;
            padding: 20px 25px;
        }
        
        .accordion-button:not(.collapsed) {
            background: linear-gradient(135deg, #ff993310, #ffd70010);
            color: #8b5a2b;
        }
        
        .accordion-button::after {
            filter: sepia(0.5);
        }
        
        .accordion-body {
            color: #6b4f32;
            background: white;
        }
        
        /* Footer - Buddhist Theme */
        .footer {
            background: #4a3729;
            color: #e6d5b8;
            padding: 60px 0 20px;
            margin-top: 60px;
            border-top: 4px solid #ff9933;
        }
        
        .footer h5 {
            color: #ffd700;
            margin-bottom: 25px;
            font-weight: 600;
        }
        
        .footer a {
            color: #e6d5b8;
            text-decoration: none;
            display: block;
            margin-bottom: 10px;
            transition: all 0.3s;
        }
        
        .footer a:hover {
            color: #ff9933;
            transform: translateX(10px);
        }
        
        .copyright {
            background: #3d2e1f;
            color: #e6d5b8;
            text-align: center;
            padding: 20px 0;
            border-top: 1px solid #ff993340;
        }
        
        /* Floating Buttons */
        .floating-wa {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 70px;
            height: 70px;
            background: linear-gradient(45deg, #ff9933, #e67e22);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.2rem;
            box-shadow: 0 5px 25px rgba(255,153,51,0.3);
            z-index: 999;
            text-decoration: none;
            animation: peaceful-pulse 3s ease-in-out infinite;
            transition: all 0.3s;
        }
        
        .floating-wa:hover {
            transform: scale(1.1) rotate(360deg);
        }
        
        .back-top {
            position: fixed;
            bottom: 30px;
            left: 30px;
            width: 50px;
            height: 50px;
            background: linear-gradient(45deg, #ff9933, #8b5a2b);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            opacity: 0;
            transition: all 0.3s;
            z-index: 999;
            animation: float 3s ease-in-out infinite;
        }
        
        .back-top.show {
            opacity: 1;
        }
        
        .back-top:hover {
            transform: scale(1.1);
        }
        
        /* Spinner */
        #spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff9f0;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .spinner {
            width: 60px;
            height: 60px;
            border: 4px solid #e6d5b8;
            border-top: 4px solid #ff9933;
            border-right: 4px solid #8b5a2b;
            border-bottom: 4px solid #ffd700;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* Demo Images with Sepia Effect */
        .demo-img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: 20px;
            transition: all 0.3s;
            box-shadow: 0 10px 30px rgba(139,90,43,0.1);
            border: 2px solid #ff993340;
        }
        
        .demo-img:hover {
            transform: scale(1.05) rotate(2deg);
            box-shadow: 0 20px 40px rgba(255,153,51,0.15);
            border-color: #ff9933;
        }
        
        /* Text Colors */
        h1, h2, h3, h4, h5 {
            color: #4a3729;
        }
        
        p {
            color: #6b4f32;
        }
        
        .text-gradient-buddhist {
            background: linear-gradient(45deg, #ff9933, #8b5a2b, #daa520);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        /* Buddhist Symbols */
        .dharma-wheel {
            font-size: 2rem;
            color: #ff9933;
            animation: spin 20s linear infinite;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .carousel-caption h1 { font-size: 2.5rem; }
            .stats-container { border-radius: 30px; }
            .stat-item { border-right: none; border-bottom: 2px solid rgba(255,153,51,0.1); }
            .whatsapp-number { font-size: 2rem; }
            .faq-buttons { flex-direction: column; align-items: center; }
            .faq-buttons .btn { width: 100%; }
        }
    