body {
            background: #4a1d1f;
            font-family: 'Cormorant Garamond', serif;
        }

        .content-card {
            width: 100%;
            max-width: 800px;
            margin: 1rem auto 2rem auto;
            background: linear-gradient(145deg, #fff8e1, #ffefc1);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
            border-radius: 12px;
            overflow: hidden;
            border: 2px solid #b7892b;
            padding: 40px;
            position: relative;
        }

        .title-font {
            font-family: 'Dancing Script', cursive;
        }

        .main-font {
            font-family: 'Cormorant Garamond', serif;
            color: #4a1d1f;
        }

        .details-font {
            font-family: 'Playfair Display', serif;
            color: #8c2c2e;
        }

        .kannada-font {
            font-family: 'Tiro Kannada', serif;
        }

        .gold-text {
            color: #b7892b;
        }

        .mandala-motif {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.05;
            z-index: 0;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke="%238c2c2e" stroke-width="0.5"><circle cx="50" cy="50" r="48" /><path d="M50 2 a 24 24 0 0 1 0 96 a 24 24 0 0 1 0 -96" /><path d="M2 50 a 24 24 0 0 1 96 0 a 24 24 0 0 1 -96 0" /><circle cx="50" cy="50" r="30" /></svg>');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 80%;
        }

        .divider {
            height: 1px;
            width: 60%;
            margin: 24px auto;
            background: linear-gradient(to right, transparent, #b7892b, transparent);
        }

        .site-header {
            padding: 1rem 2rem;
            background-color: rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(5px);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nav-link {
            color: #ffefc1;
            text-decoration: none;
            margin: 0 20px;
            font-size: 1.1rem;
            letter-spacing: 1px;
            padding-bottom: 4px;
            border-bottom: 2px solid transparent;
            transition: all 0.3s ease;
        }

        .nav-link:hover,
        .nav-link.active {
            color: #ffffff;
            border-bottom-color: #b7892b;
        }

        .ritual-list li {
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
            padding-left: 1.5rem;
            position: relative;
        }

        .ritual-list li::before {
            content: '✧';
            position: absolute;
            left: 0;
            color: #b7892b;
            font-size: 1.2rem;
        }

        .highlight {
            font-style: italic;
            color: #a0522d;
            font-size: 1rem;
        }