.progress-bar-inline {
       height: 4px;
       width: 100%;
       background: rgba(255, 255, 255, 0.05);
       border-radius: 9999px;
       overflow: hidden;
       margin-top: 1rem;
   }

   .progress-fill {
       height: 100%;
       background: var(--primary);
       box-shadow: 0 0 10px rgba(254, 85, 22, 0.5);
       transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1);
   }

   .category-card {
       flex: 1;
       padding: 1.5rem;
       border: 1px solid rgba(255, 255, 255, 0.1);
       background: rgba(255, 255, 255, 0.03);
       cursor: pointer;
       transition: all 0.3s ease;
       display: flex;
       align-items: center;
       gap: 1rem;
   }

   .category-card.active {
       border-color: var(--primary);
       background: rgba(254, 85, 22, 0.05);
       box-shadow: 0 0 30px rgba(254, 85, 22, 0.1);
   }

   .category-card input {
       accent-color: var(--primary);
       width: 1.25rem;
       height: 1.25rem;
   }

   .member-card {
       background: rgba(255, 255, 255, 0.03);
       border: 1px solid rgba(255, 255, 255, 0.1);
       padding: 2rem;
       margin-bottom: 2rem;
       position: relative;
       animation: slideUp 0.5s ease forwards;
   }

   @keyframes slideUp {
       from {
           opacity: 0;
           transform: translateY(20px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   .recap-ticket {
       background: #ffffff;
       color: #000000;
       padding: 3rem;
       border-radius: 4px;
       position: relative;
       box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
       overflow: hidden;
   }

   .recap-ticket::before {
       content: '';
       position: absolute;
       inset: 0;
       opacity: 0.05;
       pointer-events: none;
       background-image: url('https://www.transparenttextures.com/patterns/notebook.png');
   }

   .recap-row {
       display: flex;
       justify-content: space-between;
       padding: 0.75rem 0;
       border-bottom: 1px solid rgba(0, 0, 0, 0.05);
       font-size: 0.9rem;
   }

   .recap-row span:first-child {
       color: rgba(0, 0, 0, 0.5);
   }

   .recap-row span:last-child {
       font-weight: 700;
       text-transform: uppercase;
   }

   .member-recap-item {
       background: rgba(0, 0, 0, 0.03);
       padding: 1rem;
       border-radius: 2px;
       margin-bottom: 0.5rem;
       display: flex;
       align-items: center;
       gap: 1rem;
   }

   .member-index {
       width: 1.5rem;
       height: 1.5rem;
       background: var(--primary);
       color: white;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 0.7rem;
       font-weight: 900;
       border-radius: 50%;
   }

   .glow-bg {
       position: absolute;
       top: 0;
       left: 50%;
       transform: translateX(-50%);
       width: 100%;
       max-width: 56rem;
       height: 100%;
       background: rgba(254, 85, 22, 0.05);
       filter: blur(120px);
       border-radius: 9999px;
       pointer-events: none;
   }

   .success-particle {
       position: absolute;
       width: 6px;
       height: 6px;
       background-color: var(--primary);
       border-radius: 50%;
       pointer-events: none;
       animation: burst 1.5s ease-out forwards;
   }

   @keyframes burst {
       0% {
           transform: scale(0);
           opacity: 0;
       }

       50% {
           opacity: 1;
       }

       100% {
           transform: scale(3);
           opacity: 0;
       }
   }

   /* Styles optimisés pour mobile */
   @media (max-width: 768px) {
       .registration-section {
           padding: 2rem 1rem !important;
       }

       .font-display {
           font-size: 2rem !important;
       }
   }