body {
            font-family: 'Poppins', sans-serif;
            background-color: #1a1a1a;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(79, 70, 60, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(79, 70, 60, 0.1) 0%, transparent 50%);
            overflow-x: hidden;
            color: #e0e0e0;
        }
        
        .header-font {
            font-family: 'Orbitron', sans-serif;
        }
        
        .gradient-text {
            background: linear-gradient(90deg, #c2a87d, #8b7355, #5e4c36);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        /* Popup overlay animation */
        .popup-overlay {
            background-color: rgba(10, 10, 10, 0);
            backdrop-filter: blur(0px);
            transition: all 1.2s ease;
        }
        
        .popup-active .popup-overlay {
            background-color: rgba(10, 10, 10, 0.95);
            backdrop-filter: blur(8px);
        }
        
        /* Popup container animation */
        .popup-container {
            transform: scale(0.5);
            opacity: 0;
            transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.8s ease, box-shadow 1.5s ease;
        }
        
        .popup-active .popup-container {
            transform: scale(1);
            opacity: 1;
            box-shadow: 0 0 30px rgba(194, 168, 125, 0.2), 0 0 60px rgba(194, 168, 125, 0.1);
        }
        
        /* Popup image animation */
        .popup-image-container {
            transform: scale(0.01) rotate(-5deg);
            opacity: 0;
            transition: transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1s ease;
            transition-delay: 0.3s;
        }
        
        .popup-active .popup-image-container {
            transform: scale(1) rotate(0deg);
            opacity: 1;
        }
        
        /* Text and button animations */
        .popup-text {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease;
            transition-delay: 0.8s;
        }
        
        .popup-button {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease;
            transition-delay: 1s;
        }
        
        .popup-active .popup-text,
        .popup-active .popup-button {
            opacity: 1;
            transform: translateY(0);
        }
        
        .glow {
            box-shadow: 0 0 20px rgba(194, 168, 125, 0.4), 0 0 40px rgba(194, 168, 125, 0.2);
        }
        
        .glow-pulse {
            animation: glow-pulse 2s ease-in-out infinite;
        }
        
        @keyframes glow-pulse {
            0% { box-shadow: 0 0 20px rgba(194, 168, 125, 0.4), 0 0 40px rgba(194, 168, 125, 0.2); }
            50% { box-shadow: 0 0 25px rgba(194, 168, 125, 0.5), 0 0 50px rgba(194, 168, 125, 0.3); }
            100% { box-shadow: 0 0 20px rgba(194, 168, 125, 0.4), 0 0 40px rgba(194, 168, 125, 0.2); }
        }
        
        .floating {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0px) rotate(0deg); }
            25% { transform: translateY(-10px) rotate(1deg); }
            50% { transform: translateY(0px) rotate(0deg); }
            75% { transform: translateY(10px) rotate(-1deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        
        .indognito-image {
            max-height: 65vh;
            width: auto;
            object-fit: contain;
            filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.5));
        }
        
        .popup-image {
            max-height: 50vh;
            width: auto;
            object-fit: contain;
            filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.5));
        }
        
        .buy-button {
            background: linear-gradient(135deg, #8b7355, #5e4c36);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .buy-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }
        
        .buy-button::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transform: rotate(45deg);
            animation: shine 3s infinite;
        }
        
        @keyframes shine {
            0% { transform: translateX(-100%) rotate(45deg); }
            100% { transform: translateX(100%) rotate(45deg); }
        }
        
        .particle {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(194, 168, 125, 0.8), rgba(139, 115, 85, 0.3));
            pointer-events: none;
            opacity: 0;
            animation: particle-fade 4s ease-out forwards;
        }
        
        @keyframes particle-fade {
            0% { transform: translate(0, 0) scale(0); opacity: 0; }
            10% { opacity: 0.8; }
            100% { transform: translate(var(--x), var(--y)) scale(1); opacity: 0; }
        }
        
        .bg-dark-brown {
            background-color: #2d2520;
        }
        
        .border-gold {
            border-color: #c2a87d;
        }
        
        .social-icon {
            transition: all 0.3s ease;
        }
        
        .social-icon:hover {
            transform: translateY(-3px);
            filter: brightness(1.2);
        }
        
        .contract-address {
            background: rgba(45, 37, 32, 0.7);
            border: 1px solid rgba(194, 168, 125, 0.3);
            backdrop-filter: blur(5px);
            animation: subtle-glow 3s infinite alternate;
        }
        
        @keyframes subtle-glow {
            0% { box-shadow: 0 0 5px rgba(194, 168, 125, 0.2); }
            100% { box-shadow: 0 0 10px rgba(194, 168, 125, 0.4); }
        }