body {
            font-family: 'Inter', sans-serif;
            /* background-color: var(--light-bg); */
        }

        /* Main Container Styling */
        .card-container {
            max-width: 100%;
            margin-bottom: 2rem;
            border-radius: 50px 50px 0px 0px;
            box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.15);
            margin-top: 30px!important;
        }

        /* Header Section Styling */
        .custom-header {
            background-color: #ffffff;
            border-bottom: 1px solid #e0e0e0;
            width: 100%;
            border-radius: 0px 50px;
        }

        .wiley-logo {
            font-size: 2.5rem;
            font-weight: 800;
            letter-spacing: 0.15rem;
            color: var(--wiley-blue);
            animation: slideInFromLeft 0.8s ease-out forwards;
        }

        .wiley-logo img {
            width: 60%;
            height: 60%;
            border-radius: 0px 50px;
            object-fit: contain;
        }

        .tech-img-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .tech-img {
            max-width: 480px;
            /* You can increase or decrease */
            height: auto;
            border-radius: 12px;
            object-fit: contain;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        }

        .animated-words span {
            opacity: 0;
            display: inline-block;
            transform: translateY(20px);
            animation: wordFade 0.6s ease-out forwards;
        }

        .animated-words span:nth-child(1) {
            animation-delay: 0.2s;
        }

        .animated-words span:nth-child(2) {
            animation-delay: 0.5s;
        }

        .animated-words span:nth-child(3) {
            animation-delay: 0.8s;
        }

        @keyframes wordFade {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Subtitle Animation */
        .animated-subtitle {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeSubtitle 0.8s ease forwards;
            animation-delay: 1.1s;
        }

        @keyframes fadeSubtitle {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Image Wrapper */
        .tech-img-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .tech-img {
            max-width: 420px;
            border-radius: 14px;
            object-fit: contain;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);
            opacity: 0;
            transform: scale(0.95);
            animation: popIn 0.8s ease forwards;
            animation-delay: 1.6s;
        }

        /* Image animation */
        @keyframes popIn {
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .invitation-box {
            border-left: 4px solid var(--accent-gold);
            background-color: #f8f9fa;
            font-size: 0.95rem;
        }

        .invitation-box span {
            opacity: 0;
            animation: fadeIn 0.5s ease-out forwards;
            display: inline-block;
        }

        .invitation-box span:nth-of-type(1) {
            animation-delay: 0.8s;
        }

        .invitation-box span:nth-of-type(2) {
            animation-delay: 1.2s;
        }

        .invitation-box span:nth-of-type(3) {
            animation-delay: 1.4s;
        }

        .invitation-box span:nth-of-type(4) {
            animation-delay: 1.8s;
        }

        .invitation-box span:nth-of-type(5) {
            animation-delay: 2.0s;
        }

        .invitation-box span:nth-of-type(6) {
            animation-delay: 2.4s;
        }

        .invitation-box span:nth-of-type(7) {
            animation-delay: 2.6s;
        }

        @keyframes slideInFromLeft {
            from {
                transform: translateX(-100%);
                opacity: 0;
            }

            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes qrPop {
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* Title and Typography */
        .main-title {
            font-size: 30px;
            font-weight: 800;
            line-height: 1.15;
            color: var(--indigo-dark);
        }

        .subtitle {
            font-size: 1.5rem;
            font-weight: 300;
            color: #6c757d;
            border-bottom: 1px solid #dee2e6;
            padding-bottom: 0.75rem;
        }

        /* Visual Placeholder */
        .hero-visual {
            height: 16rem;
            border-radius: 0.75rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            background: linear-gradient(135deg, #e0e7ff 0%, #a5b4fc 100%);
            border: 2px solid #c7d2fe;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: var(--indigo-dark);
            font-weight: 600;
            padding: 0;
            /* Important for SVG filling space */
        }

        /* Conference Card Styling */
        .conference-card {
            background-color: #fefefe;
            border-left: 5px solid var(--indigo-dark);
            transition: transform 0.3s ease;
        }

        .conference-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08) !important;
        }

        .conference-card h3 {
            color: var(--indigo-dark);
            font-size: 1.25rem;
            font-weight: 600;
        }

        .date-badge {
            background-color: var(--indigo-dark);
            color: white;
            padding: 0.75rem 2rem;
            border-radius: 2rem;
            font-weight: 700;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        /* CTA Sidebar Styling (Unique Pop) */
        .cta-sidebar {
            background-color: var(--wiley-blue);
            border-radius: 0.75rem;
            box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
        }

        .qr-code-placeholder {
            width: 12rem;
            height: 12rem;
            margin: 1rem auto;
            background-color: white;
            padding: 0.5rem;
            border-radius: 0.5rem;
        }

        .qr-animated {
            opacity: 0;
            transform: scale(0.95);
            animation: qrPop 0.8s ease forwards;
            animation-delay: 2.8s;
            /* Appears after TechnoMat image */
        }


        .cta-button {
            background-color: var(--accent-gold);
            color: var(--dark-text);
            font-weight: 700;
            border: none;
        }

        .cta-button:hover {
            background-color: #e6b200;
            color: var(--dark-text);
        }

        /* Responsive Adjustments */
        @media (min-width: 992px) {
            .cta-sidebar {
                position: sticky;
                top: 2rem;
            }
        }

        @media (max-width: 768px) {
            .main-title {
                font-size: 2.2rem;
            }

            .subtitle {
                font-size: 1.25rem;
            }
        }