body {margin: 0;font-family: 'Poppins', sans-serif;background-color: #000;color: #fff;line-height: 1.6;overflow-x: hidden;}a {color: #f7c948;text-decoration: none;}h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif;font-weight: 800;margin-top: 0;}.container {width: 90%;max-width: 1100px;margin: auto;padding: 20px 0;}.navbar {background: #000;padding: 1rem 0;}.navbar .container {display: flex;justify-content: space-between;align-items: center;}.nav-links {list-style: none;display: flex;gap: 1.5rem;}.nav-links li a {font-weight: 600;color: #fff;transition: color 0.3s;}.nav-links li a:hover {color: #f7c948;}.hero {padding: 100px 0;background-color: #000;text-align: center;}.hero h1 {font-size: 3rem;line-height: 1.2;}.hero h1 span {color: #f7c948;}.section {padding: 60px 0;}.split {display: flex;flex-wrap: wrap;gap: 40px;}.about-image img {width: 100%;max-width: 300px;border-radius: 10px;}.about-text ul {list-style: none;padding: 0;}.about-text ul li {margin-bottom: 10px;}.btn {display: inline-block;padding: 10px 20px;background: #f7c948;color: #000;font-weight: bold;border-radius: 5px;margin-top: 15px;}.video-wrapper {position: relative;padding-bottom: 56.25%;height: 0;margin-top: 20px;}.video-wrapper iframe {position: absolute;width: 100%;height: 100%;border: none;}.card-grid {display: grid;gap: 30px;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.card {background: #111;padding: 20px;border-radius: 10px;text-align: center;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;}.card:hover {transform: scale(1.03);box-shadow: 0 0 25px rgba(255, 255, 255, 0.2);transition: transform 0.3s ease, box-shadow 0.3s ease;}.card video {width: 100%;border-radius: 10px;margin-bottom: 10px;}.experience-grid {display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.experience-card {background: #111;padding: 20px;border-radius: 10px;}.experience-card span {color: #f7c948;}.logo-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 40px;margin-top: 30px;}.logo-grid img {max-height: 100px;max-width: 160px;object-fit: contain;transition: transform 0.3s ease, filter 0.3s ease;filter: grayscale(100%);}.logo-grid img:hover {transform: scale(1.1);filter: grayscale(0%);}.card {background: #111;padding: 30px;border-radius: 12px;text-align: center;box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);transition: transform 0.3s ease;}.card:hover {transform: scale(1.03);}.card h3 {font-size: 1.4rem;margin-top: 10px;margin-bottom: 10px;}.card p {font-size: 1rem;}.card video {width: 100%;border-radius: 10px;margin-bottom: 15px;max-height: 250px;object-fit: cover;}@media (min-width: 992px) {.card-grid {grid-template-columns: repeat(2, 1fr);gap: 40px;}.card h3 {font-size: 1.6rem;}.card p {font-size: 1.05rem;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.section h2 {text-align: center;font-size: 2.4rem;     /* ajuste la taille ici */margin-bottom: 40px;font-weight: 800;color: #f7c948;}.reveal {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;will-change: opacity, transform;}.reveal.visible {opacity: 1;transform: translateY(0);}.card:hover {transform: scale(1.03);transition: transform 0.3s ease-in-out;}@media (min-width: 992px) {.split {gap: 60px;align-items: center;}.about-text {flex: 1;font-size: 1.1rem;}.about-image {flex: 0 0 350px;}.about-text h2 {font-size: 2rem;}.about-text ul li {font-size: 1.05rem;}}.experience-card {background: #111;padding: 25px;border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 0 12px rgba(255, 255, 255, 0.03);}.experience-card:hover {transform: scale(1.03);box-shadow: 0 0 25px rgba(255, 255, 255, 0.08);}.experience-card h4 {font-size: 1.2rem;margin-bottom: 10px;}.experience-card p {font-size: 1.05rem;}.site-footer {background: #111;color: #aaa;text-align: center;padding: 30px 0;margin-top: 60px;font-size: 0.9rem;}.card-grid .center-on-last {grid-column: span 2;justify-self: center;max-width: 400px;}.center-contact {text-align: center;}.center-contact a {color: #f7c948;font-weight: 500;font-size: 1.1rem;}.about-modern {text-align: center;padding-top: 80px;}.about-modern h2 {font-size: 2.5rem;color: #f7c948;margin-bottom: 10px;}.about-subtitle {font-size: 1.25rem;color: #ccc;margin-bottom: 30px;}.about-details {display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;margin-bottom: 40px;}.about-details .info-item {font-size: 1.1rem;color: #fff;}.about-video h3 {font-size: 1.2rem;margin-bottom: 15px;color: #f7c948;}.about-refined .about-text {flex: 1;font-size: 1.05rem;}.about-refined .about-image img {max-width: 320px;border-radius: 10px;}.about-list {list-style: none;padding: 0;margin-bottom: 20px;}.about-list li {margin-bottom: 10px;font-size: 1rem;}.centered-video {margin-top: 20px;margin-bottom: 10px;max-width: 560px;margin-left: auto;margin-right: auto;}.enhanced-hero {display: flex;align-items: center;justify-content: center;min-height: 90vh;text-align: center;padding: 60px 20px;}.hero-title {font-size: 3rem;line-height: 1.3;}.subheading {display: block;color: #f7c948;font-weight: 500;font-size: 1rem;margin-bottom: 1rem;}.about-enhanced .split-responsive {display: flex;flex-wrap: wrap;gap: 60px;align-items: center;}.about-enhanced .about-image img {max-width: 350px;border-radius: 10px;width: 100%;}.about-enhanced .about-text {flex: 1;font-size: 1.1rem;line-height: 1.7;}.video-card {background: #111;padding: 20px;border-radius: 12px;margin-top: 30px;box-shadow: 0 0 20px rgba(255,255,255,0.05);}.video-card-title {margin-bottom: 10px;font-size: 1.2rem;}.experience-enhanced .experience-card {background: #111;padding: 30px;border-radius: 12px;box-shadow: 0 0 15px rgba(255, 255, 255, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;}.experience-enhanced .experience-card:hover {transform: translateY(-5px);box-shadow: 0 0 25px rgba(255, 255, 255, 0.08);}.experience-enhanced .experience-card h4 {font-size: 1.3rem;margin-bottom: 10px;color: #f7c948;}.experience-enhanced .experience-card span {color: #fff;font-weight: 500;display: block;margin-top: 5px;}.experience-enhanced .experience-card p {font-size: 1.05rem;line-height: 1.6;}.date-icon {margin-right: 8px;font-size: 1.1rem;}@media (min-width: 992px) {.experience-enhanced .experience-grid {grid-template-columns: repeat(2, 1fr);gap: 40px;}.experience-enhanced .experience-card {padding: 35px;font-size: 1.1rem;}}.hero-improved {min-height: 100vh;background: linear-gradient(to bottom, #000 60%, #111);display: flex;align-items: center;justify-content: center;text-align: center;}.hero-improved .hero-title {font-size: 3.5rem;font-weight: 800;line-height: 1.3;}.hero-improved .highlight {color: #f7c948;}.about-redesigned .about-flex {display: flex;flex-wrap: wrap;gap: 60px;align-items: center;justify-content: center;}.about-redesigned .about-image img {max-width: 350px;border-radius: 10px;}.about-redesigned .about-text {flex: 1;min-width: 280px;font-size: 1.1rem;line-height: 1.7;}.about-redesigned .video-card {background: #111;padding: 20px;border-radius: 12px;margin-top: 30px;box-shadow: 0 0 20px rgba(255,255,255,0.05);}.about-redesigned .video-card-title {margin-bottom: 10px;font-size: 1.2rem;}.hero-bg-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;opacity: 0.3;}.center-video-only {justify-content: center;text-align: center;}.center-video-only .about-text {max-width: 700px;}.cv-centered {margin-left: auto;margin-right: auto;text-align: center;max-width: 700px;}.video-card {display: flex;flex-direction: column;align-items: center;}.video-wrapper {width: 100%;max-width: 100%;position: relative;padding-bottom: 56.25%;height: 0;}.video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}.hero-improved {position: relative;overflow: hidden;z-index: 1;}.hero-improved .hero-content {position: relative;z-index: 2;}.hero-improved::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 1;}.hero-improved .hero-content {position: relative;z-index: 2;}.navbar .logo {font-size: 1.8rem;font-weight: 800;color: #fff;}.hero-improved {position: relative;padding-bottom: 80px;margin-bottom: -40px;}.hero-improved::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;background: #000;border-top-left-radius: 100% 80px;border-top-right-radius: 100% 80px;z-index: 2;}.hero-improved::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);z-index: 2;}.hero-improved::before {background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 100%);}.textskills {text-align: left;}.pprojects {color: #f7c948;}.modal-overlay {position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.9);display: none;justify-content: center;align-items: center;z-index: 999;padding: 20px;}.modal-content {background: #111;max-width: 800px;width: 100%;padding: 30px;border-radius: 12px;text-align: center;position: relative;color: white;opacity: 0;transform: scale(0.95);transition: opacity 0.3s ease, transform 0.3s ease;}.modal-title {color: #f7c948;font-size: 2rem;margin-bottom: 20px;}.modal-close {position: absolute;top: 15px;right: 20px;font-size: 2rem;color: #fff;cursor: pointer;}.modal-content video {width: 100%;border-radius: 8px;margin: 20px 0;}.modal-link {display: inline-block;margin-top: 20px;font-weight: 600;font-size: 1.1rem;color: #f7c948;text-decoration: none;border: 2px solid #f7c948;padding: 10px 20px;border-radius: 6px;transition: background-color 0.3s, color 0.3s;}.modal-link:hover {background-color: #f7c948;color: #000;}.modal-tech {font-size: 0.95rem;color: #ccc;margin-top: 10px;line-height: 1.5;font-style: italic;}.modal-overlay.show .modal-content {opacity: 1;transform: scale(1);}@keyframes fadeInZoom {0% {opacity: 0;transform: scale(0.92);}100% {opacity: 1;transform: scale(1);}}.modal-content {opacity: 0;transform: scale(0.92);animation: none;}.modal-overlay.show .modal-content {animation: fadeInZoom 0.4s ease forwards;}.typewriter {font-size: 2.5rem;font-weight: 800;color: #f7c948;text-align: center;min-height: 3em;margin-top: 10px;white-space: nowrap;overflow: hidden;}#typewriter-text::after {content: "|";animation: blink 1s infinite;margin-left: 5px;}@keyframes blink {0%, 100% { opacity: 1; }50% { opacity: 0; }}.hero-subtext {font-size: 1.1rem;color: #ccc;margin-top: 10px;font-style: italic;text-align: center;}.hero-btn {margin-top: 25px;padding: 12px 30px;background: #f7c948;color: #000;font-weight: bold;border-radius: 6px;text-decoration: none;display: inline-block;transition: background 0.3s;}.hero-btn:hover {background: #e5b832;}.modal-image-carousel {position: relative;display: flex;align-items: center;justify-content: center;height: 400px;margin-bottom: 20px;overflow: hidden;}.modal-image-carousel img {display: none;max-width: 100%;max-height: 100%;border-radius: 8px;object-fit: contain;}.modal-image-carousel img.active {display: block;}.carousel-prev,.carousel-next {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0, 0, 0, 0.6);border: none;color: white;font-size: 2rem;padding: 8px 16px;cursor: pointer;border-radius: 50%;z-index: 1;}.carousel-prev { left: 10px; }.carousel-next { right: 10px; }.project-thumbnail {width: 100%;height: 200px;object-fit: cover;border-radius: 8px;margin-bottom: 10px;}.card:hover .project-thumbnail {transform: scale(1.03);transition: transform 0.3s ease;}@media (max-width: 768px) {body {padding: 0 1rem;}.section {padding: 30px 15px;}.card-grid,.experience-grid,.logo-grid {display: flex;flex-direction: column;gap: 20px;align-items: center;}.card,.experience-card {width: 100%;max-width: 100%;}.hero-title {font-size: 2.2rem;text-align: center;}.hero-btn {width: 100%;text-align: center;font-size: 1rem;}.modal-content {width: 95%;max-height: 90%;}.navbar {flex-direction: column;gap: 10px;}.nav-links {flex-direction: column;align-items: center;gap: 15px;}}