:root {
            --bg-dark: #0a0a0a;
            --accent-pink: #ff2e88;
            --gradient-primary: linear-gradient(135deg, #ff2e88 0%, #3b82f6 100%);
        }
        body { 
            margin: 0; padding: 0; 
            background-color: var(--bg-dark); 

            font-family: 'Inter', sans-serif;
        }

        /* L'Iframe (L'écran qui s'ouvrira devant toi) */
        #project-overlay {
            position: fixed; inset: 0;
            background: rgba(10, 10, 10, 0.9);
            backdrop-filter: blur(15px);
            display: none; z-index: 2000;
            justify-content: center; align-items: center;
            opacity: 0; transition: opacity 0.4s ease;
        }
        #project-overlay.active { display: flex; opacity: 1; }

        #project-container {
            width: 90%; height: 85%;
            max-width: 1200px;
            background: #141414;
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transform: translateY(20px); transition: transform 0.4s ease;
        }
        #project-overlay.active #project-container { transform: translateY(0); }

        iframe { width: 100%; height: 100%; border: none; }

        .btn-close {
            position: absolute; top: 30px; right: 30px;
            background: white; border: none; padding: 10px 20px;
            border-radius: 30px; cursor: pointer; font-weight: 700;
        }