.logo-taille {
        height: 4rem;
        }
      :where([class^="ri-"])::before { content: "\f3c2"; }
      body { font-family: 'Roboto', sans-serif; }
      .font-heading { font-family: 'Open Sans', sans-serif; }
      .hero-bg { background-image: url('../images/hero-bg.jpg'); }
      .service-bg { background-image: url('https://readdy.ai/api/search-image?query=Clean%20modern%20office%20workspace%20with%20accounting%20documents%20spreadsheets%20and%20financial%20reports%20on%20white%20desk%2C%20professional%20business%20environment%2C%20soft%20natural%20lighting%2C%20minimal%20clean%20background&width=800&height=600&seq=service-bg&orientation=landscape'); }
      .contact-bg { background-image: url('../images/contact-bg.jpg'); }
      html { scroll-behavior: smooth; }
      .fade-in { opacity: 0; transform: translateY(20px); transition: all 0.6s ease; }
      .fade-in.visible { opacity: 1; transform: translateY(0); }
      .card-hover { transition: all 0.3s ease; }
      .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
      @keyframes float {
      0% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
      100% { transform: translateY(0px); }
      }
      @keyframes pulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); }
      }
      @keyframes slideIn {
      from { transform: translateX(-100%); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
      }
      @keyframes rotateIcon {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
      }
      .float-animation {
      animation: float 3s ease-in-out infinite;
      }
      .pulse-animation {
      animation: pulse 2s ease-in-out infinite;
      }
      .slide-in {
      animation: slideIn 0.8s ease-out forwards;
      }
      .rotate-hover:hover i {
      animation: rotateIcon 0.8s ease-in-out;
      }
      .scale-hover {
      transition: transform 0.3s ease;
      }
      .scale-hover:hover {
      transform: scale(1.05);
      }
      .btn-hover {
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      }
      .btn-hover:before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
      transition: all 0.6s;
      }
      .btn-hover:hover:before {
      left: 100%;
      }