:root {
        --pct-blue: #0066cc;
        --pct-blue-dark: #004c99;
        --pct-green: #28a745;
        --pct-orange: #ff6b35;
        --primary: #1a5490;
        --secondary: #2980b9;
        --purple: #667eea;
        --purple-dark: #764ba2;
    }

    /* PCT Section Background */
    #pct-publication {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
        position: relative;
        overflow: hidden;
    }

    #pct-publication::before {
        content: '';
        position: absolute;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, rgba(0, 102, 204, 0.1), transparent);
        border-radius: 50%;
        top: -300px;
        left: -300px;
        animation: float-pct 18s ease-in-out infinite;
    }

    #pct-publication::after {
        content: '';
        position: absolute;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(40, 167, 69, 0.08), transparent);
        border-radius: 50%;
        bottom: -250px;
        right: -250px;
        animation: float-pct 15s ease-in-out infinite reverse;
    }

    @keyframes float-pct {
        0%, 100% { transform: translate(0, 0) rotate(0deg); }
        50% { transform: translate(-40px, 40px) rotate(180deg); }
    }

    /* Section Title */
    .pct-title {
        background: linear-gradient(135deg, var(--pct-blue) 0%, var(--pct-blue-dark) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        position: relative;
        display: inline-block;
        animation: pulse-title 3s ease-in-out infinite;
    }

    @keyframes pulse-title {
        0%, 100% { filter: brightness(1); }
        50% { filter: brightness(1.2); }
    }

    /* Title Underline */
    .pct-underline {
        width: 120px;
        height: 4px;
        background: linear-gradient(90deg, var(--pct-blue), var(--pct-green));
        position: relative;
        overflow: hidden;
    }

    .pct-underline::before {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6);
        animation: slide-shine 2s ease-in-out infinite;
    }

    @keyframes slide-shine {
        0% { left: -50%; }
        100% { left: 150%; }
    }

    /* Main PCT Card */
    .pct-main-card {
        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
        border-top: 5px solid var(--pct-blue);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
    }

    .pct-main-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.1), transparent);
        transition: left 0.6s;
    }

    .pct-main-card:hover::before {
        left: 100%;
    }

    .pct-main-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 60px rgba(0, 102, 204, 0.2) !important;
    }

    /* PCT Badge */
    .pct-badge {
        width: 80px;
        height: 80px;
        background: linear-gradient(135deg, var(--pct-blue), var(--pct-blue-dark));
        position: absolute;
        top: -15px;
        right: -15px;
        animation: rotate-badge 4s ease-in-out infinite;
    }

    @keyframes rotate-badge {
        0%, 100% { transform: rotate(0deg); }
        50% { transform: rotate(15deg); }
    }

    .pct-badge i {
        animation: scale-pulse 2s ease-in-out infinite;
    }

    @keyframes scale-pulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.1); }
    }

    /* Info Box */
    .info-box {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
        border-left: 5px solid var(--pct-blue);
        position: relative;
        overflow: hidden;
    }

    .info-box::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        background: linear-gradient(to bottom, var(--pct-blue), var(--pct-green));
        animation: glow-border 2s ease-in-out infinite;
    }

    @keyframes glow-border {
        0%, 100% { box-shadow: 0 0 10px var(--pct-blue); }
        50% { box-shadow: 0 0 25px var(--pct-blue); }
    }

    /* Process Timeline */
    .process-card {
        background: white;
        border-left: 4px solid var(--pct-green);
        transition: all 0.3s ease;
        position: relative;
    }

    .process-card::before {
        content: '';
        position: absolute;
        left: -4px;
        top: 0;
        width: 4px;
        height: 0;
        background: var(--pct-orange);
        transition: height 0.3s ease;
    }

    .process-card:hover::before {
        height: 100%;
    }

    .process-card:hover {
        transform: translateX(10px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

    /* Number Badge */
    .number-badge {
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, var(--pct-blue), var(--pct-blue-dark));
        animation: bounce-number 2s ease-in-out infinite;
    }

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

    /* Country Count Badge */
    .country-badge {
        background: linear-gradient(135deg, var(--pct-green), #20c997);
        padding: 15px 30px;
        border-radius: 50px;
        display: inline-block;
        animation: pulse-country 2s ease-in-out infinite;
        box-shadow: 0 5px 20px rgba(40, 167, 69, 0.3);
    }

    @keyframes pulse-country {
        0%, 100% { transform: scale(1); box-shadow: 0 5px 20px rgba(40, 167, 69, 0.3); }
        50% { transform: scale(1.05); box-shadow: 0 8px 30px rgba(40, 167, 69, 0.5); }
    }

    /* Download Buttons */
    .download-card {
        background: linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);
        position: relative;
        overflow: hidden;
    }

    .download-card::before {
        content: '';
        position: absolute;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent);
        border-radius: 50%;
        top: -150px;
        right: -150px;
        animation: rotate-download 25s linear infinite;
    }

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

    .pct-download-btn {
        background: white;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
    }

    .pct-download-btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(102, 126, 234, 0.2);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .pct-download-btn:hover::before {
        width: 400px;
        height: 400px;
    }

    .pct-download-btn:hover {
        transform: translateY(-8px) scale(1.05);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    }

    .pct-download-btn i {
        transition: all 0.3s ease;
    }

    .pct-download-btn:hover i {
        transform: scale(1.3) rotate(15deg);
    }

    /* Link Button Modern */
    .pct-link-btn {
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .pct-link-btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: width 0.5s, height 0.5s;
        z-index: -1;
    }

    .pct-link-btn:hover::before {
        width: 300px;
        height: 300px;
    }

    .pct-link-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 35px rgba(0, 102, 204, 0.3);
    }

    .pct-link-btn i {
        transition: transform 0.3s ease;
    }

    .pct-link-btn:hover i {
        transform: translateX(5px);
    }

    /* Icon Animations */
    .icon-spin-slow {
        animation: spin-slow 8s linear infinite;
    }

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

    .icon-bounce-soft {
        animation: bounce-soft 3s ease-in-out infinite;
    }

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

    /* Responsive */
    @media (max-width: 768px) {
        .pct-badge {
            width: 60px;
            height: 60px;
        }
        
        .country-badge {
            padding: 10px 20px;
            font-size: 0.9rem;
        }
    }

    /* Smooth Scroll */
    html {
        scroll-behavior: smooth;
    }

    /* Glass Effect */
    .glass-card {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.4);
    }