/* Variables CSS pour la cohérence des couleurs et le thème marin high-tech */:root {/* Nouvelle palette optimisée pour la lisibilité */--primary-blue: #003d82;        /* Bleu marine profond - excellente lisibilité */--accent-cyan: #0891b2;         /* Cyan professionnel */--deep-ocean: #0f172a;          /* Bleu nuit élégant */--emerald-green: #047857;       /* Vert émeraude - remplace l'orange */--sea-teal: #0d9488;           /* Teal océanique */--pearl-white: #f8fafc;        /* Blanc perlé */--tech-gray: #1e293b;          /* Gris tech foncé */--soft-gray: #475569;          /* Gris doux */--warm-gold: #d97706;          /* Or chaud - remplace l'orange */--success-green: #059669;      /* Vert succès */--alert-red: #dc2626;          /* Rouge alerte *//* Gradients redessinés */--ocean-gradient: linear-gradient(135deg, var(--deep-ocean) 0%, var(--primary-blue) 50%, var(--accent-cyan) 100%);--emerald-gradient: linear-gradient(45deg, var(--emerald-green), var(--sea-teal));--tech-gradient: linear-gradient(120deg, #1e40af 0%, #3730a3 100%);--gold-gradient: linear-gradient(45deg, var(--warm-gold), var(--emerald-green));--professional-gradient: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-cyan) 100%);/* Typographie */--font-primary: 'Inter', sans-serif;--font-mono: 'JetBrains Mono', monospace;/* Espacements */--container-max-width: 1200px;--section-padding: 5rem 0;}/* Reset et base */* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;overflow-x: hidden;}body {font-family: var(--font-primary);line-height: 1.6;color: var(--tech-gray);background: var(--pearl-white);overflow-x: hidden;}.container {max-width: var(--container-max-width);margin: 0 auto;padding: 0 2rem;}/* Navigation */.navbar {position: fixed;top: 0;width: 100%;background: rgba(248, 253, 255, 0.95);backdrop-filter: blur(20px);border-bottom: 1px solid rgba(0, 212, 255, 0.1);z-index: 1000;transition: all 0.3s ease;}.navbar.scrolled {background: rgba(248, 253, 255, 0.98);box-shadow: 0 4px 20px rgba(0, 102, 204, 0.1);}.nav-container {max-width: var(--container-max-width);margin: 0 auto;padding: 1rem 2rem;display: flex;justify-content: space-between;align-items: center;}.brand-text {font-size: 1.5rem;font-weight: 700;color: var(--primary-blue);text-decoration: none;}.brand-accent {color: var(--accent-cyan);}.nav-menu {display: flex;gap: 2rem;list-style: none;}.nav-link {text-decoration: none;color: var(--tech-gray);font-weight: 500;transition: color 0.3s ease;position: relative;}.nav-link::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: var(--emerald-gradient);transition: width 0.3s ease;}.nav-link:hover {color: var(--primary-blue);}.nav-link:hover::after {width: 100%;}.nav-toggle {display: none;flex-direction: column;cursor: pointer;gap: 4px;}.nav-toggle span {width: 25px;height: 3px;background: var(--primary-blue);transition: all 0.3s ease;}/* Hero Section avec effets parallax */.hero {min-height: 100vh;position: relative;display: flex;align-items: center;overflow: hidden;background: var(--ocean-gradient);}.hero-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}/* Vague océanique animée */.ocean-wave {position: absolute;bottom: 0;left: 0;width: 200%;height: 100px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='%2300d4ff' fill-opacity='0.3'/%3E%3C/svg%3E") repeat-x;animation: wave 15s ease-in-out infinite;}@keyframes wave {0%, 100% { transform: translateX(0); }50% { transform: translateX(-50%); }}/* Particules flottantes */.floating-particles {position: absolute;width: 100%;height: 100%;background-image:radial-gradient(2px 2px at 20px 30px, rgba(0, 212, 255, 0.3), transparent),radial-gradient(2px 2px at 40px 70px, rgba(0, 204, 136, 0.3), transparent),radial-gradient(1px 1px at 90px 40px, rgba(255, 107, 71, 0.3), transparent),radial-gradient(1px 1px at 130px 80px, rgba(0, 212, 255, 0.3), transparent);background-size: 150px 150px, 200px 200px, 100px 100px, 180px 180px;animation: float 20s ease-in-out infinite;}@keyframes float {0%, 100% { transform: translateY(0) rotate(0deg); }33% { transform: translateY(-20px) rotate(120deg); }66% { transform: translateY(-10px) rotate(240deg); }}/* Grille technologique */.tech-grid {position: absolute;width: 100%;height: 100%;background-image:linear-gradient(rgba(0, 212, 255, 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 212, 255, 0.05) 1px, transparent 1px);background-size: 50px 50px;animation: gridShift 30s linear infinite;}@keyframes gridShift {0% { transform: translate(0, 0); }100% { transform: translate(50px, 50px); }}.hero-content {position: relative;z-index: 2;max-width: var(--container-max-width);margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;min-height: 100vh;animation: fadeIn 1s ease-out;}@keyframes fadeIn {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); }}.hero-text {color: white;}.hero-title {font-size: 3.5rem;font-weight: 800;color: var(--text-primary);margin: 1.5rem 0;line-height: 1.1;display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;text-align: center;max-width: 800px;}.hero-title .title-line {display: block;}.hero-title .accent {background: linear-gradient(135deg, var(--accent-cyan), var(--accent-emerald));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;position: relative;}.hero-subtitle {font-size: 1.25rem;margin-bottom: 1rem;color: var(--accent-cyan);font-weight: 500;}.hero-description {font-size: 1.1rem;margin-bottom: 2.5rem;color: rgba(255, 255, 255, 0.9);max-width: 500px;line-height: 1.7;}.hero-greeting {display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;}.wave-emoji {font-size: 2rem;animation: wave-hand 2s ease-in-out infinite;}@keyframes wave-hand {0%, 100% { transform: rotate(0deg); }25% { transform: rotate(20deg); }75% { transform: rotate(-10deg); }}.greeting-text {font-size: 1.3rem;color: var(--warm-gold);font-weight: 600;}.hero-stats {display: flex;gap: 2rem;margin-bottom: 2.5rem;flex-wrap: wrap;}.stat-item {text-align: center;}.stat-number {display: block;font-size: 2rem;font-weight: 700;color: var(--warm-gold);margin-bottom: 0.2rem;}.stat-label {font-size: 0.9rem;color: rgba(255, 255, 255, 0.8);}.hero-cta {display: flex;gap: 1rem;flex-wrap: wrap;margin-bottom: 2rem;}.trust-indicators {display: flex;flex-direction: column;gap: 0.8rem;}.trust-item {font-size: 0.95rem;color: var(--success-green);font-weight: 500;}/* Boutons stylés */.btn {display: inline-flex;align-items: center;justify-content: center;padding: 1rem 2rem;border: none;border-radius: 50px;font-size: 1rem;font-weight: 600;text-decoration: none;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;margin: 0.5rem;gap: 0.75rem; /* Espacement entre icône et texte */}.btn span {position: relative;z-index: 2;}/* Espacement spécifique pour les icônes dans les boutons */.btn i,.btn .icon {margin-right: 0; /* Reset margin car on utilise gap */font-size: 1.1em;}/* Boutons avec émojis/icônes */.btn .emoji {font-size: 1.2em;margin-right: 0; /* Reset margin car on utilise gap */}.btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: rgba(255, 255, 255, 0.1);border-radius: 50%;transition: all 0.6s ease;transform: translate(-50%, -50%);}.btn:hover::before {width: 300px;height: 300px;}.btn-primary {background: var(--emerald-gradient);color: white;box-shadow: 0 4px 15px rgba(4, 120, 87, 0.3); /* Mise à jour couleur ombre */}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(4, 120, 87, 0.4); /* Mise à jour couleur ombre */}.btn-secondary {background: transparent;color: white;border: 2px solid var(--accent-cyan);}.btn-secondary:hover {background: var(--accent-cyan);color: var(--deep-ocean);}.btn-outline {background: transparent;color: var(--primary-blue);border: 2px solid var(--primary-blue);}.btn-outline:hover {background: var(--primary-blue);color: white;}.btn-full {width: 100%;}/* Section hero visuelle */.hero-visual {position: relative;height: 500px;}/* Éléments flottants dauphins et corail */.floating-element {position: absolute;width: 80px;height: 80px;border-radius: 50%;animation: floatElement 6s ease-in-out infinite;}.floating-element.dolphin {background: radial-gradient(circle, var(--accent-cyan), var(--primary-blue));top: 20%;right: 20%;animation-delay: 0s;}.floating-element.dolphin::after {content: '🐬';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2rem;}.floating-element.coral {background: var(--emerald-gradient);bottom: 30%;left: 10%;animation-delay: 3s;}.floating-element.coral::after {content: '🪸';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2rem;}@keyframes floatElement {0%, 100% { transform: translateY(0) rotate(0deg); }50% { transform: translateY(-30px) rotate(180deg); }}/* Snippet de code */.code-snippet {position: absolute;bottom: 10%;right: 10%;background: rgba(42, 45, 58, 0.95);border-radius: 10px;padding: 1.5rem;font-family: var(--font-mono);font-size: 0.9rem;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);border: 1px solid rgba(0, 212, 255, 0.3);min-width: 300px;}.code-line {margin-bottom: 0.5rem;color: #e2e8f0;}.code-comment { color: #64748b; }.code-keyword { color: #60a5fa; }.code-property { color: #34d399; }.code-string { color: #fbbf24; }/* Indicateur de scroll */.scroll-indicator {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);z-index: 2;}.scroll-arrow {width: 30px;height: 30px;border: 2px solid var(--accent-cyan);border-top: none;border-left: none;transform: rotate(45deg);animation: bounce 2s infinite;}@keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(45deg); }40% { transform: translateY(-10px) rotate(45deg); }60% { transform: translateY(-5px) rotate(45deg); }}/* Sections générales */section {padding: var(--section-padding);position: relative;}.section-header {text-align: center;margin-bottom: 4rem;}.section-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;background: var(--tech-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.section-subtitle {font-size: 1.2rem;color: var(--soft-gray);max-width: 600px;margin: 0 auto;}/* Section Expertise */.expertise {background: linear-gradient(135deg, #f8fdff 0%, #e0f7ff 100%);}.expertise-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;}.expertise-card {background: white;padding: 2.5rem;border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 102, 204, 0.1);transition: all 0.3s ease;border: 1px solid rgba(0, 212, 255, 0.1);position: relative;overflow: hidden;}.expertise-card.featured {border: 2px solid var(--emerald-green);box-shadow: 0 15px 35px rgba(4, 120, 87, 0.2); /* Mise à jour couleur ombre */}.expertise-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: var(--emerald-gradient);transform: scaleX(0);transition: transform 0.3s ease;}.expertise-card:hover::before {transform: scaleX(1);}.expertise-card:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0, 102, 204, 0.15);}.card-icon {width: 60px;height: 60px;border-radius: 15px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;background: var(--ocean-gradient);font-size: 1.5rem;}.card-icon div {font-size: 1.5rem;}.expertise-card h3 {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: var(--tech-gray);}.expertise-card p {color: var(--soft-gray);margin-bottom: 1.5rem;line-height: 1.6;}.tech-tags {display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem;}.tag {background: rgba(8, 145, 178, 0.1); /* Mise à jour couleur cyan */color: var(--primary-blue);padding: 0.3rem 0.8rem;border-radius: 20px;font-size: 0.8rem;font-weight: 500;}.card-highlight {background: var(--gold-gradient);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.8rem;font-weight: 600;text-align: center;margin-top: 1rem;box-shadow: 0 4px 15px rgba(217, 119, 6, 0.3); /* Mise à jour couleur ombre */}/* Section Témoignages */.testimonials {background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);padding: var(--section-padding);}/* Badge de score et évaluations */.testimonial-badge {background: var(--emerald-gradient);border-radius: 15px;padding: 1.5rem 2rem;text-align: center;margin: 1.5rem 0 2rem;box-shadow: 0 8px 25px rgba(40, 190, 140, 0.3);}.badge-score {font-size: 2rem;font-weight: 800;color: white;margin-right: 1rem;}.badge-reviews {font-size: 1.1rem;color: white;margin-right: 1.5rem;opacity: 0.9;}.badge-link {color: white;text-decoration: underline;font-weight: 600;transition: opacity 0.3s ease;}.badge-link:hover {opacity: 0.8;}.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;}.testimonial-card {background: white;padding: 2rem;border-radius: 20px;box-shadow: 0 10px 30px rgba(3, 61, 130, 0.1);position: relative;border-left: 4px solid var(--success-green);transition: all 0.3s ease;}.testimonial-card.verified {border-left-color: var(--sea-teal);background: linear-gradient(135deg, rgba(40, 190, 140, 0.02) 0%, rgba(255, 255, 255, 1) 100%);}.testimonial-card.featured {transform: scale(1.02);box-shadow: 0 15px 40px rgba(40, 190, 140, 0.15);border-left-color: var(--warm-gold);}.testimonial-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}.verified-badge {background: var(--sea-teal);color: white;padding: 0.3rem 0.8rem;border-radius: 15px;font-size: 0.8rem;font-weight: 600;}.testimonial-project {font-size: 1.1rem;font-weight: 600;color: var(--primary-blue);margin-bottom: 1rem;border-bottom: 2px solid var(--accent-cyan);padding-bottom: 0.5rem;}.testimonial-stars {font-size: 1.2rem;}.testimonial-text {font-style: italic;line-height: 1.7;color: var(--tech-gray);margin-bottom: 1.5rem;position: relative;}.testimonial-text::before {content: '"';font-size: 4rem;color: var(--accent-cyan);position: absolute;top: -1rem;left: -1rem;opacity: 0.3;}.testimonial-author {color: var(--primary-blue);font-weight: 600;}.testimonials-footer {text-align: center;margin-top: 3rem;padding: 2rem;background: rgba(40, 190, 140, 0.05);border-radius: 15px;border: 2px solid var(--sea-teal);}.testimonials-note {font-size: 1.1rem;color: var(--tech-gray);margin: 0;}.testimonials-note a {color: var(--sea-teal);font-weight: 600;text-decoration: none;transition: color 0.3s ease;}.testimonials-note a:hover {color: var(--primary-blue);text-decoration: underline;}/* Section Services améliorée */.services {background: var(--pearl-white);}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 2rem;max-width: 900px;margin: 0 auto 3rem;}.service-card {background: white;border-radius: 20px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 102, 204, 0.1);transition: all 0.3s ease;border: 1px solid rgba(0, 212, 255, 0.1);position: relative;}.service-badge {position: absolute;top: 1rem;right: 1rem;background: var(--emerald-gradient);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.8rem;font-weight: 600;z-index: 2;}.service-card.featured {transform: scale(1.05);border: 2px solid var(--accent-cyan);box-shadow: 0 20px 40px rgba(0, 212, 255, 0.2);}.service-card:hover {transform: translateY(-5px);}.service-card.featured:hover {transform: scale(1.05) translateY(-5px);}.service-header {background: var(--ocean-gradient);color: white;padding: 2rem;text-align: center;position: relative;}.service-card.featured .service-header {background: var(--emerald-gradient);}.service-emoji {font-size: 2.5rem;margin-bottom: 1rem;display: block;}.service-header h3 {font-size: 1.5rem;margin-bottom: 0.5rem;}.service-price {font-size: 2.5rem;font-weight: 700;}.service-price span {font-size: 1rem;opacity: 0.8;}.service-content {padding: 2rem;}.service-description {background: rgba(0, 212, 255, 0.05);padding: 1rem;border-radius: 10px;margin-bottom: 1.5rem;border-left: 3px solid var(--accent-cyan);}.service-description p {margin: 0;color: var(--primary-blue);font-weight: 500;}.service-content ul {list-style: none;margin-bottom: 1.5rem;}.service-content li {padding: 0.5rem 0;color: var(--soft-gray);position: relative;padding-left: 2rem;line-height: 1.5;}.service-content li::before {position: absolute;left: 0;color: var(--sea-teal);font-weight: bold;width: 1.5rem;}.service-bonus {background: linear-gradient(45deg, rgba(251, 191, 36, 0.1), rgba(255, 107, 71, 0.1));padding: 1rem;border-radius: 10px;margin-bottom: 1.5rem;text-align: center;border: 1px solid var(--warm-gold);}.bonus-badge {background: var(--gold-gradient);color: white;padding: 0.3rem 0.8rem;border-radius: 15px;font-size: 0.8rem;font-weight: 600;margin-right: 0.5rem;}.services-guarantee {background: var(--gold-gradient);border-radius: 20px;padding: 2.5rem;text-align: center;color: white;margin-top: 3rem;box-shadow: 0 15px 35px rgba(217, 119, 6, 0.3); /* Mise à jour couleur ombre */}.guarantee-content h3 {font-size: 1.8rem;margin-bottom: 1rem;}.guarantee-content p {font-size: 1.1rem;line-height: 1.6;}/* Section Contact */.contact {background: linear-gradient(135deg, var(--deep-ocean) 0%, var(--primary-blue) 100%);color: white;}.contact-content {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: start;}.contact-info {padding-top: 2rem;}.contact-description {font-size: 1.1rem;margin-bottom: 3rem;color: rgba(255, 255, 255, 0.9);line-height: 1.6;}.contact-details {display: flex;flex-direction: column;gap: 2rem;margin-bottom: 2rem;}.contact-item {display: flex;align-items: center;gap: 1rem;}.contact-icon {font-size: 1.5rem;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.1);border-radius: 15px;}.contact-item h4 {margin-bottom: 0.3rem;color: var(--accent-cyan);}.contact-item p {color: rgba(255, 255, 255, 0.8);font-size: 0.9rem;}.contact-urgency {background: rgba(255, 107, 71, 0.1);border: 2px solid var(--emerald-green);border-radius: 15px;padding: 1.5rem;text-align: center;margin-top: 2rem;}.urgency-badge {background: var(--emerald-gradient);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.9rem;font-weight: 600;display: inline-block;margin-bottom: 0.5rem;}.contact-urgency p {margin: 0;color: rgba(255, 255, 255, 0.9);line-height: 1.5;}/* Formulaire de contact */.contact-form-container {background: rgba(255, 255, 255, 0.95);border-radius: 20px;padding: 2.5rem;backdrop-filter: blur(20px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.form-header {text-align: center;margin-bottom: 2rem;}.form-header h3 {color: var(--tech-gray);font-size: 1.5rem;margin-bottom: 0.5rem;}.form-subtitle {color: var(--soft-gray);font-size: 0.95rem;margin: 0;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-bottom: 1.5rem;}.form-group {margin-bottom: 1.5rem;}.form-group label {display: block;margin-bottom: 0.5rem;color: var(--tech-gray);font-weight: 500;}.form-group input,.form-group textarea {width: 100%;padding: 1rem;border: 2px solid rgba(0, 212, 255, 0.1);border-radius: 10px;font-size: 1rem;font-family: var(--font-primary);background: white;transition: all 0.3s ease;}.form-group input:focus,.form-group textarea:focus {outline: none;border-color: var(--accent-cyan);box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);}.form-group textarea {resize: vertical;min-height: 150px;line-height: 1.6;}.form-privacy {display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1.5rem;padding: 1rem;background: rgba(16, 185, 129, 0.1);border-radius: 10px;border-left: 3px solid var(--success-green);}.privacy-icon {font-size: 1.2rem;}.form-privacy span:last-child {color: var(--success-green);font-weight: 500;font-size: 0.9rem;}.form-promise {text-align: center;margin-top: 1rem;padding: 1rem;background: rgba(251, 191, 36, 0.1);border-radius: 10px;border: 1px solid var(--warm-gold);}.form-promise p {margin: 0;color: var(--tech-gray);font-style: italic;font-size: 0.9rem;}.btn-loading {display: none;}.contact-form.loading .btn-text {display: none;}.contact-form.loading .btn-loading {display: inline;}/* Footer */.footer {background: var(--tech-gray);color: white;padding: 3rem 0 1rem;}.footer-content {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}.footer-brand p {color: var(--soft-gray);margin-top: 0.5rem;}.footer-links {display: flex;gap: 2rem;}.footer-links a {color: rgba(255, 255, 255, 0.8);text-decoration: none;transition: color 0.3s ease;}.footer-links a:hover {color: var(--accent-cyan);}.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1);color: var(--soft-gray);}/* ============================🌌 SPACE FORMATION INTERFACE============================ */.testimonials-formation {margin: 4rem 0;text-align: center;}.testimonials-title {font-size: 2.5rem;margin-bottom: 1rem;background: linear-gradient(45deg, #3b82f6, #06b6d4, #10b981);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;}.testimonials-subtitle {font-size: 1.2rem;color: rgba(255, 255, 255, 0.8);margin-bottom: 3rem;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}/* ============================🪐 PLANETS CONTAINER & SPACE============================ */.planets-container {position: relative;height: 500px;width: 100%;max-width: 900px;margin: 0 auto;perspective: 1000px;border-radius: 30px;overflow: hidden;background:radial-gradient(ellipse at center, rgba(15, 23, 42, 0.9) 0%, rgba(0, 0, 0, 0.95) 100%),linear-gradient(45deg, #1e293b, #0f172a);}.space-background {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.8), transparent),radial-gradient(2px 2px at 40px 70px, rgba(59, 130, 246, 0.6), transparent),radial-gradient(1px 1px at 90px 40px, rgba(16, 185, 129, 0.5), transparent),radial-gradient(1px 1px at 130px 80px, rgba(245, 158, 11, 0.4), transparent),radial-gradient(2px 2px at 160px 30px, rgba(236, 72, 153, 0.3), transparent),radial-gradient(1px 1px at 200px 60px, rgba(255,255,255,0.9), transparent);background-repeat: repeat;background-size: 200px 150px;animation: twinkleStars 6s ease-in-out infinite alternate;}@keyframes twinkleStars {0% { opacity: 0.4; transform: scale(1); }50% { opacity: 0.8; transform: scale(1.02); }100% { opacity: 0.6; transform: scale(1); }}.stars {position: absolute;width: 100%;height: 100%;background-image:radial-gradient(3px 3px at 80px 20px, rgba(255,255,255,0.9), transparent),radial-gradient(2px 2px at 120px 60px, rgba(8, 145, 178, 0.8), transparent),radial-gradient(1px 1px at 200px 90px, rgba(13, 148, 136, 0.7), transparent),radial-gradient(2px 2px at 300px 40px, rgba(168, 85, 247, 0.6), transparent),radial-gradient(1px 1px at 350px 120px, rgba(234, 179, 8, 0.8), transparent);animation: starField 25s linear infinite;}@keyframes starField {0% { transform: translateY(0) rotate(0deg); }100% { transform: translateY(-150px) rotate(360deg); }}.shooting-star {position: absolute;width: 3px;height: 3px;background: linear-gradient(45deg, rgba(255,255,255,1), rgba(59, 130, 246, 0.8));border-radius: 50%;box-shadow: 0 0 6px rgba(255,255,255,0.8);animation: shootingStar 4s ease-in-out infinite;}@keyframes shootingStar {0% {transform: translateX(-150px) translateY(-150px);opacity: 0;}10% {opacity: 1;box-shadow: 0 0 15px rgba(255,255,255,1), 0 0 30px rgba(59, 130, 246, 0.6);}90% {opacity: 1;}100% {transform: translateX(600px) translateY(600px);opacity: 0;}}/* ============================🪐 PLANETS BASE STYLES============================ */.planet-testimonial {position: absolute;cursor: pointer;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.4));z-index: 10;animation: planetOrbit 20s linear infinite;}.planet-testimonial:hover {transform: scale(1.3) translateY(-15px) !important;filter: drop-shadow(0 25px 60px rgba(0, 0, 0, 0.6));z-index: 20;}@keyframes planetOrbit {0% { transform: rotate(0deg) translateX(0px) rotate(0deg); }100% { transform: rotate(360deg) translateX(0px) rotate(-360deg); }}.planet-surface {width: 90px;height: 90px;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 60%);transition: all 0.4s ease;animation: planetRotation 15s linear infinite;}@keyframes planetRotation {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.planet-testimonial:hover .planet-surface {animation: planetPulse 0.8s ease-in-out, planetRotation 15s linear infinite;}@keyframes planetPulse {0%, 100% { transform: scale(1) rotate(0deg); }50% { transform: scale(1.15) rotate(180deg); }}.planet-icon {font-size: 2.5rem;z-index: 3;position: relative;animation: iconFloat 4s ease-in-out infinite;filter: drop-shadow(0 0 10px rgba(255,255,255,0.3));}@keyframes iconFloat {0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }25% { transform: translateY(-8px) rotate(5deg) scale(1.05); }75% { transform: translateY(8px) rotate(-5deg) scale(0.95); }}.planet-glow {position: absolute;top: -15px;left: -15px;right: -15px;bottom: -15px;border-radius: 50%;opacity: 0.7;animation: planetGlow 3s ease-in-out infinite alternate;z-index: 1;}@keyframes planetGlow {0% { transform: scale(1); opacity: 0.7; }100% { transform: scale(1.2); opacity: 0.9; }}.planet-ring {position: absolute;top: -20px;left: -20px;right: -20px;bottom: -20px;border: 3px solid transparent;border-radius: 50%;opacity: 0;transition: all 0.4s ease;z-index: 2;}.planet-testimonial:hover .planet-ring {opacity: 1;animation: ringRotate 3s linear infinite;border-color: rgba(255, 255, 255, 0.6);box-shadow:0 0 20px rgba(255, 255, 255, 0.3),inset 0 0 20px rgba(255, 255, 255, 0.1);}@keyframes ringRotate {0% { transform: rotate(0deg) scale(1); }50% { transform: rotate(180deg) scale(1.1); }100% { transform: rotate(360deg) scale(1); }}.planet-label {position: absolute;top: 110px;left: 50%;transform: translateX(-50%);color: white;font-size: 1rem;font-weight: 600;text-align: center;opacity: 0.8;transition: all 0.4s ease;text-shadow: 0 2px 15px rgba(0, 0, 0, 0.8);white-space: nowrap;background: rgba(0, 0, 0, 0.3);padding: 0.5rem 1rem;border-radius: 15px;backdrop-filter: blur(10px);}.planet-testimonial:hover .planet-label {opacity: 1;transform: translateX(-50%) translateY(-10px) scale(1.1);background: rgba(0, 0, 0, 0.6);box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4);}/* ============================🪐 INDIVIDUAL PLANET STYLES============================ */.linux-planet {top: 15%;left: 10%;animation-duration: 25s;}.linux-planet .planet-surface {background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 60%),linear-gradient(135deg, #f39c12, #e67e22, #d35400);}.linux-planet .planet-glow {background: radial-gradient(circle, rgba(243, 156, 18, 0.6), transparent);}.python-planet {top: 25%;right: 15%;animation-duration: 22s;animation-delay: -5s;}.python-planet .planet-surface {background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 60%),linear-gradient(135deg, #3498db, #2980b9, #1abc9c);}.python-planet .planet-glow {background: radial-gradient(circle, rgba(52, 152, 219, 0.6), transparent);}.cloud-planet {bottom: 30%;left: 20%;animation-duration: 28s;animation-delay: -10s;}.cloud-planet .planet-surface {background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 60%),linear-gradient(135deg, #9b59b6, #8e44ad, #6c5ce7);}.cloud-planet .planet-glow {background: radial-gradient(circle, rgba(155, 89, 182, 0.6), transparent);}.docker-planet {bottom: 20%;right: 10%;animation-duration: 30s;animation-delay: -15s;}.docker-planet .planet-surface {background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 60%),linear-gradient(135deg, #e74c3c, #c0392b, #fd79a8);}.docker-planet .planet-glow {background: radial-gradient(circle, rgba(231, 76, 60, 0.6), transparent);}/* ============================🍮 MODAL JELLY EFFECT============================ */.modal {display: none;position: fixed;z-index: 2000;left: 0;top: 0;width: 100%;height: 100%;background:radial-gradient(ellipse at center, rgba(15, 23, 42, 0.95) 0%, rgba(0, 0, 0, 0.98) 100%);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}.modal.show {display: block !important;animation: modalBackdropFadeIn 0.4s ease-out;}@keyframes modalBackdropFadeIn {from { opacity: 0; backdrop-filter: blur(0px); }to { opacity: 1; backdrop-filter: blur(15px); }}.modal::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="0.5" fill="white" opacity="0.8"/><circle cx="80" cy="30" r="0.3" fill="white" opacity="0.6"/><circle cx="30" cy="70" r="0.4" fill="white" opacity="0.7"/><circle cx="70" cy="80" r="0.2" fill="white" opacity="0.5"/><circle cx="50" cy="40" r="0.3" fill="white" opacity="0.9"/></svg>') repeat;animation: starFieldModal 30s linear infinite;pointer-events: none;opacity: 0.3;}@keyframes starFieldModal {0% { transform: translateY(0) translateX(0); }100% { transform: translateY(-100px) translateX(-100px); }}.modal-content {background: linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,250,252,0.95) 50%,rgba(241,245,249,0.95) 100%);margin: 3% auto;padding: 3rem;border-radius: 30px;width: 90%;max-width: 800px;max-height: 85vh;overflow-y: auto;position: relative;box-shadow:0 30px 80px rgba(0, 0, 0, 0.4),0 0 0 1px rgba(255, 255, 255, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.3);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);transform: scale(0.3) translateY(150px) rotateY(180deg);opacity: 0;transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}.modal.show .modal-content {transform: scale(1) translateY(0) rotateY(0deg);opacity: 1;animation: jellyBounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);}@keyframes jellyBounceIn {0% {transform: scale(0.2) translateY(200px) rotateY(270deg);opacity: 0;filter: blur(20px);}30% {transform: scale(1.15) translateY(-20px) rotateY(10deg);opacity: 0.8;filter: blur(5px);}50% {transform: scale(1.08) translateY(-15px) rotateY(-5deg);opacity: 0.95;filter: blur(2px);}70% {transform: scale(0.95) translateY(8px) rotateY(2deg);opacity: 1;filter: blur(0px);}85% {transform: scale(1.02) translateY(-3px) rotateY(-1deg);}100% {transform: scale(1) translateY(0) rotateY(0deg);opacity: 1;filter: blur(0px);}}.modal.hide .modal-content {animation: jellyBounceOut 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);transform: scale(0.6) translateY(100px) rotateY(-120deg);opacity: 0;filter: blur(10px);}@keyframes jellyBounceOut {0% {transform: scale(1) translateY(0) rotateY(0deg);opacity: 1;filter: blur(0px);}30% {transform: scale(1.05) translateY(-10px) rotateY(-20deg);opacity: 0.8;filter: blur(3px);}100% {transform: scale(0.6) translateY(100px) rotateY(-120deg);opacity: 0;filter: blur(10px);}}.close {position: absolute;top: 1.5rem;right: 1.5rem;background: rgba(255, 255, 255, 0.2);color: #333;border: none;width: 45px;height: 45px;border-radius: 50%;font-size: 1.5rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;backdrop-filter: blur(10px);z-index: 10;}.close:hover {background: rgba(255, 255, 255, 0.3);transform: scale(1.1) rotate(90deg);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);}/* ============================✨ PARTICLE EFFECTS============================ */.planet-particles {position: absolute;pointer-events: none;z-index: 50;}.particle {position: absolute;width: 4px;height: 4px;background: radial-gradient(circle, rgba(255, 255, 255, 1), rgba(59, 130, 246, 0.8));border-radius: 50%;animation: particleExplode 1.2s ease-out forwards;}@keyframes particleExplode {0% {transform: scale(0) translate(0, 0);opacity: 1;}70% {opacity: 0.8;}100% {transform: scale(1) translate(var(--dx), var(--dy));opacity: 0;}}/* ============================🌟 ENHANCED VISUAL EFFECTS============================ */.formation-section-glow {position: relative;}.formation-section-glow::before {content: '';position: absolute;top: -50px;left: -50px;right: -50px;bottom: -50px;background: radial-gradient(ellipse at center,rgba(59, 130, 246, 0.1) 0%,rgba(16, 185, 129, 0.05) 50%,transparent 70%);border-radius: 50px;opacity: 0.6;animation: sectionPulse 8s ease-in-out infinite;pointer-events: none;z-index: -1;}@keyframes sectionPulse {0%, 100% {transform: scale(1);opacity: 0.6;}50% {transform: scale(1.05);opacity: 0.8;}}/* Success feedback when modal opens */.modal-success-indicator {position: fixed;top: 20px;right: 20px;background: rgba(16, 185, 129, 0.9);color: white;padding: 1rem 1.5rem;border-radius: 10px;font-weight: 600;z-index: 3000;transform: translateX(400px);opacity: 0;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);backdrop-filter: blur(10px);}.modal-success-indicator.show {transform: translateX(0);opacity: 1;}.modal-success-indicator.hide {transform: translateX(400px);opacity: 0;}/* Section Avis */.reviews-section {padding: 5rem 0;background: linear-gradient(135deg, #003d82 0%, #0066cc 100%);color: white;}.rating-badge {background: rgba(255,255,255,0.1);border-radius: 1rem;padding: 1.5rem;display: inline-flex;align-items: center;gap: 1rem;margin-bottom: 3rem;}.stars {color: #ffd700;font-size: 1.5rem;}.score {font-size: 2rem;font-weight: bold;}.count {opacity: 0.8;}.verified-badge {height: 3rem;width: auto;}.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.testimonial-card {background: rgba(255,255,255,0.05);border-radius: 1rem;padding: 2rem;border: 1px solid rgba(255,255,255,0.1);}.client-info {display: flex;gap: 1rem;align-items: center;margin-bottom: 1rem;}.client-name {font-weight: bold;}blockquote {font-style: italic;position: relative;padding-left: 1.5rem;}blockquote::before {content: '"';position: absolute;left: 0;top: -0.5rem;font-size: 2rem;opacity: 0.3;}.cta-reviews {margin-top: 3rem;text-align: center;}