.container {
            max-width: 64rem;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* Header Styles */
        .header {
            background: linear-gradient(90deg, #061e55 0%, #0a2968 100%);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border-bottom: 4px solid #1e40af;
        }

        .header-content {
            padding: 2rem 0;
        }

        .header h1 {
            font-size: 2.25rem;
            font-weight: 700;
            color: white;
            text-align: center;
            letter-spacing: -0.025em;
            animation: fadeIn 1s ease-in;
        }

        /* Main Content */
        .main {
            padding: 3rem 0;
        }

        .section {
            margin-bottom: 1rem;
            padding: 2rem;
            border-radius: 0.75rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            animation: slideUp 0.8s ease-out;
        }

        .section:hover {
            transform: scale(1.05);
        }

        .section-header {
            display: flex;
            align-items: flex-start;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .section-image {
            border-radius: 0.5rem;
            object-fit: cover;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            width: 7rem;
            height: 7rem;
            border-radius: 0.75rem;
        }

        .section-icon {
            padding: 1rem;
            border-radius: 9999px;
            color: white;
            animation: pulse 2s infinite;
        }

        .section h2 {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        .section blockquote {
            font-style: italic;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .section p {
            line-height: 1.75;
            text-align: justify;
            
        }

        /* Section-specific styles */
        .intro {
            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            border-left: 4px solid #061e55;
        }

        .intro h2 {
            color: #061e55;
        }

        .training {
            background: linear-gradient(90deg, #0f2557 0%, #1e3a8a 100%);
            border-top: 4px solid #3b82f6;
            color: white;
            animation: slideRight 0.8s ease-out;
        }

        .training blockquote {
            color: #93c5fd;
        }

        .paperless {
            background: linear-gradient(270deg, #134e4a 0%, #0f766e 100%);
            border-radius: 1rem;
            border-right: 8px solid #14b8a6;
            color: white;
            animation: slideLeft 0.8s ease-out;
        }

        .paperless:hover {
            transform: rotate(1deg);
        }

        .section-image {
            width: 7rem;
            height: 7rem;
            border-radius: 0.75rem;
        }

        .image-container {
            position: relative;
        }

        .floating-icon {
            position: absolute;
            top: -0.5rem;
            right: -0.5rem;
            background-color: #14b8a6;
            color: white;
            padding: 0.5rem;
            border-radius: 10px;
            animation: bounce 1s infinite;
        }

        .paperless blockquote {
            color: #5eead4;
        }

        .csr {
            background: linear-gradient(135deg, #1e3a8a 0%, #3730a3 50%, #581c87 100%);
            border-radius: 0.75rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border-bottom: 4px solid #8b5cf6;
            color: white;
            animation: fadeInUp 1s ease-out;
        }

        .csr blockquote {
            color: #c4b5fd;
        }

        .erp {
            background: linear-gradient(90deg, #0c4a6e 0%, #075985 100%);
            border-radius: 1.5rem;
            border-left: 8px solid #0ea5e9;
            color: white;
            animation: slideUp 0.8s ease-out;
        }

        .erp:hover {
            transform: translateY(-0.5rem);
        }

        .virtual {
            background: linear-gradient(225deg, #164e63 0%, #0e7490 100%);
            border-radius: 0.75rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border-top: 8px solid #06b6d4;
            color: white;
            animation: slideRight 0.8s ease-out;
        }

        .virtual:hover {
            transform: skewY(1deg);
        }

        .virtual .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.5rem;
        }

        .virtual .grid-image {
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 0.5rem;
            object-fit: cover;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .virtual .grid-image:hover {
            transform: scale(1.1);
        }

        .virtual .highlight-box {
            background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
            backdrop-filter: blur(4px);
            border-radius: 0.5rem;
            padding: 1.5rem;
            margin: 1.5rem 0;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255,255,255,0.2);
        }

        .digital {
            background: linear-gradient(45deg, #7c2d12 0%, #9a3412 50%, #dc2626 100%);
            border-radius: 1rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border-right: 8px solid #f97316;
            color: white;
            animation: fadeInUp 1s ease-out;
        }

        .digital:hover {
            transform: rotate(2deg);
        }

        .digital p:last-child {
            font-weight: 500;
        }

        /* Footer */
        .footer {
            background: linear-gradient(90deg, #061e55 0%, #1e293b 100%);
            color: white;
            padding: 3rem 0;
            margin-top: 4rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }

        .footer p {
            text-align: center;
            font-size: 1.125rem;
            color: #d1d5db;
            animation: fadeIn 1s ease-in;
        }

        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideUp {
            from { 
                opacity: 0; 
                transform: translateY(30px); 
            }
            to { 
                opacity: 1; 
                transform: translateY(0); 
            }
        }

        @keyframes slideRight {
            from { 
                opacity: 0; 
                transform: translateX(-30px); 
            }
            to { 
                opacity: 1; 
                transform: translateX(0); 
            }
        }

        @keyframes slideLeft {
            from { 
                opacity: 0; 
                transform: translateX(30px); 
            }
            to { 
                opacity: 1; 
                transform: translateX(0); 
            }
        }

        @keyframes fadeInUp {
            from { 
                opacity: 0; 
                transform: translateY(20px); 
            }
            to { 
                opacity: 1; 
                transform: translateY(0); 
            }
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* SVG Icons */
        .icon {
            width: 2rem;
            height: 2rem;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .icon-sm {
            width: 1.5rem;
            height: 1.5rem;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .container {
                padding: 0 1rem;
            }
            
            .section-header {
                flex-direction: column;
                gap: 1rem;
            }
            
            .header h1 {
                font-size: 1.875rem;
            }
            
            .section h2 {
                font-size: 1.25rem;
            }
        }