@import url('../css/basis.css');:root {--grid-columns-large: 4;--grid-columns-medium: 3;--grid-columns-tablet: 2;--grid-columns-small: 1;--grid-gap: 1.5rem;--grid-gap-medium: 1.2rem;--grid-gap-small: 0.9rem;--feature-icon-size: 3rem;--feature-item-padding: var(--spacing-lg);--feature-item-min-height: 200px;--certificate-image-height: 220px;--certificate-item-gap: var(--grid-gap-large);--benefit-icon-size: 3rem;--benefit-item-padding: var(--spacing-lg);--certificate-item-padding: var(--spacing-lg);--cert-hover-duration: 0.4s;--cert-hover-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);--color-cert-gold: #ffd700;--color-cert-bjv: #0066cc;--color-cert-protection: #28a745;}.tagline {font-size: var(--font-size-lg);font-style: italic;color: var(--color-text);text-align: center;margin-top: -0.5rem;margin-bottom: 1.5rem;font-weight: normal;letter-spacing: 1px;}.container {max-width: var(--container-width);margin: 0 auto;padding: 0 var(--spacing-md);}.cta-container {display: flex;justify-content: center;margin-top: var(--spacing-xl);gap: var(--spacing-lg);flex-wrap: wrap;}.certification-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);margin: var(--spacing-lg) 0;}.stat-item {display: flex;align-items: center;text-align: center;gap: var(--spacing-md);padding: var(--spacing-md);background-color: var(--color-white);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: var(--transition-standard);flex-direction: column;}.stat-item:hover, .stat-item:focus-within {transform: translateY(-5px);box-shadow: var(--shadow-md);}.stat-number {font-size: var(--font-size-xxl);font-weight: 700;color: var(--color-primary);line-height: 1;margin-bottom: var(--spacing-xs);}.stat-number:hover {color: var(--color-primary-dark);}.stat-label {font-size: var(--font-size-sm);color: var(--color-text);font-weight: 500;}.certificates-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);margin: var(--spacing-lg) 0;}.certificate-item {position: relative;background-color: var(--color-white);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: var(--transition-standard);display: flex;flex-direction: column;cursor: pointer;}.certificate-item:hover, .certificate-item:focus-within {transform: translateY(-5px);box-shadow: var(--shadow-md);}.certificate-image {height: var(--certificate-image-height);width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;background: linear-gradient(135deg, rgba(205, 0, 11, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);padding: var(--spacing-lg);transition: var(--cert-hover-duration) ease;}.certificate-image img {max-width: 100%;max-height: 100%;object-fit: contain;transition: transform var(--cert-hover-duration) var(--cert-hover-easing);cursor: pointer;border-radius: var(--border-radius);}.certificate-item:hover .certificate-image img {transform: scale(1.05);}.certificate-info {padding: var(--spacing-lg);flex-grow: 1;display: flex;flex-direction: column;background-color: var(--color-white);gap: var(--spacing-sm);}.certificate-info h3 {color: var(--color-primary);margin-bottom: var(--spacing-sm);font-size: var(--font-size-lg);font-weight: 700;line-height: var(--line-height-tight);transition: color 0.3s ease;}.certificate-item:hover .certificate-info h3 {color: var(--color-primary-dark);}.certificate-info p {font-size: var(--font-size-base);color: var(--color-text);line-height: var(--line-height-relaxed);flex-grow: 1;}.certificate-details {display: flex;justify-content: space-between;align-items: center;margin-top: var(--spacing-md);padding-top: var(--spacing-sm);border-top: 1px solid rgba(205, 0, 11, 0.1);}.cert-year {font-size: var(--font-size-sm);color: var(--color-text-light);font-weight: 500;}.cert-level {padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius);font-size: var(--font-size-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}.certificate-item:nth-child(1) .cert-level {background-color: var(--color-cert-gold);color: #8b4513;}.certificate-item:nth-child(2) .cert-level {background-color: var(--color-cert-bjv);color: var(--color-white);}.certificate-item:nth-child(3) .cert-level {background-color: var(--color-cert-protection);color: var(--color-white);}.benefits-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);margin: var(--spacing-lg) 0;}.benefit-item {display: flex;align-items: center;text-align: center;gap: var(--spacing-md);padding: var(--spacing-md);background-color: var(--color-white);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: var(--transition-standard);flex-direction: column;}.benefit-item i {font-size: 2.5rem;color: var(--color-primary);margin-bottom: var(--spacing-sm);transition: transform 0.3s ease;}.benefit-item:hover i {transform: scale(1.1);}.benefit-item:hover, .benefit-item:focus-within {transform: translateY(-5px);box-shadow: var(--shadow-md);}.benefit-info {flex: 1;}.benefit-info h3 {margin-bottom: var(--spacing-sm);color: var(--color-primary);font-size: var(--font-size-lg);font-weight: 600;line-height: var(--line-height-tight);}.benefit-info p {font-size: var(--font-size-base);color: var(--color-text);line-height: var(--line-height-relaxed);margin: 0;}.benefit-item:hover .benefit-icon {color: var(--color-primary-dark);transform: scale(1.1);}.quality-features {margin-top: var(--spacing-lg);}.feature-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);margin: var(--spacing-lg) 0;}.feature-item {display: flex;flex-direction: column;align-items: center;text-align: center;padding: var(--feature-item-padding);background-color: var(--color-white);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: var(--transition-standard);min-height: var(--feature-item-min-height);justify-content: center;gap: var(--spacing-md);}.feature-item:hover, .feature-item:focus-within {transform: translateY(-5px);box-shadow: var(--shadow-md);}.feature-item i {font-size: var(--feature-icon-size);color: var(--color-primary);transition: transform var(--hover-duration) var(--hover-easing);flex-shrink: 0;}.feature-item:hover i {transform: scale(1.1);color: var(--color-primary-dark);}.cert-image {width: 80px;height: 80px;object-fit: contain;border-radius: var(--border-radius);transition: transform var(--hover-duration) var(--hover-easing);cursor: pointer;flex-shrink: 0;}.feature-item:hover .cert-image {transform: scale(1.1);}.feature-item h4 {color: var(--color-primary);font-size: var(--font-size-md);font-weight: 600;margin: 0;line-height: var(--line-height-tight);text-align: center;}.membership-benefits {margin-top: var(--spacing-xl);padding: var(--spacing-xl);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);}.membership-benefits h3 {color: var(--color-primary);font-size: var(--font-size-xl);margin-bottom: var(--spacing-lg);text-align: center;}.benefits-list {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(var(--grid-columns-medium), 1fr);gap: var(--spacing-md);}.benefits-list li {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm);background-color: rgba(255, 255, 255, 0.8);border-radius: var(--border-radius);transition: var(--transition-fast);}.benefits-list li:hover {background-color: var(--color-white);transform: translateX(5px);}.benefits-list i {color: var(--color-primary);font-size: var(--font-size-md);flex-shrink: 0;}@media (min-width: 1600px) {:root {--grid-gap-large: 2.5rem;--certificate-image-height: 240px;--benefit-icon-size: 3.5rem;}.certificates-grid, .feature-grid,.benefits-grid {grid-template-columns: repeat(3, 1fr);}.certification-stats, .benefits-list{grid-template-columns: repeat(var(--grid-columns-medium), 1fr);}}@media (min-width: 1024px) and (max-width: 1599px) {.certification-stats, .benefits-list, .certificates-grid, .feature-grid,.benefits-grid{grid-template-columns: repeat(var(--grid-columns-medium), 1fr);}.certification-stats, .benefits-list, .certificates-grid {grid-template-columns: repeat(var(--grid-columns-tablet), 1fr);}}@media (min-width: 768px) and (max-width: 1023px) {:root {--grid-gap-large: var(--grid-gap-medium);--certificate-image-height: 200px;--benefit-icon-size: 2.5rem;}.certification-stats, .benefits-list, .certificates-grid, .feature-grid, .benefits-grid{grid-template-columns: repeat(var(--grid-columns-small), 1fr);}}@media (min-width: 576px) and (max-width: 767px) {:root {--grid-gap-large: var(--grid-gap-small);--certificate-image-height: 180px;--benefit-item-padding: var(--spacing-md);--certificate-item-padding: var(--spacing-md);}.certification-stats, .benefits-list, .certificates-grid, .feature-grid,.benefits-grid{grid-template-columns: repeat(var(--grid-columns-small), 1fr);}.benefit-item {flex-direction: column;text-align: center;}.benefits-list {grid-template-columns: 1fr;}}@media (max-width: 575px) {:root {--certificate-image-height: 160px;--benefit-icon-size: 2rem;--benefit-item-padding: var(--spacing-sm);--certificate-item-padding: var(--spacing-sm);}.certification-stats, .benefits-list, .certificates-grid, .feature-grid,.benefits-grid{grid-template-columns: 1fr;gap: var(--grid-gap-small);align-items: left;}.certificate-info {padding: var(--spacing-md);}.certificate-info h3 {font-size: var(--font-size-md);}.certificate-info p {font-size: var(--font-size-sm);}.benefit-item {padding: var(--spacing-md);}.cta-container {flex-direction: column;align-items: center;}.membership-benefits {padding: var(--spacing-md);}.benefits-list {grid-template-columns: 1fr;}}@media (hover: none) {.certificate-item:active {transform: translateY(-5px) scale(1.01);box-shadow: var(--shadow-lg);}.benefit-item:active {transform: translateY(-3px) scale(0.98);}.certificate-item, .benefit-item {min-height: 44px;}}@media (prefers-reduced-motion: reduce) {.certificate-item, .certificate-image img, .benefit-item, .benefit-icon, .feature-item, .stat-item {transition: none !important;animation: none !important;}.certificate-item:hover {transform: none;box-shadow: var(--shadow-md);}.certificate-item:hover .certificate-image img {transform: none;}.benefit-item:hover .benefit-icon {transform: none;}}@media (prefers-contrast: high) {.certificate-item {border: 2px solid var(--color-text);}.benefit-item {border: 2px solid var(--color-primary);}.cert-level {border: 1px solid var(--color-text);}}@media print {.certificate-item, .benefit-item {break-inside: avoid;box-shadow: none;border: 1px solid #000;}.certificate-image {height: 150px;}.benefit-icon {color: #000;}}@supports (container-type: inline-size) {.certificates-grid {container-type: inline-size;}@container (max-width: 600px) {.certification-stats, .benefits-list, .certificates-grid, .feature-grid,.benefits-grid{grid-template-columns: repeat(var(--grid-columns-small), 1fr);}}@container (min-width: 601px) and (max-width: 900px) {.certification-stats, .benefits-list, .certificates-grid, .feature-grid,.benefits-grid{grid-template-columns: repeat(var(--grid-columns-small), 1fr);}}@container (min-width: 901px) and (max-width: 1099px) {.certification-stats, .benefits-list, .certificates-grid, .feature-grid,.benefits-grid{grid-template-columns: repeat(var(--grid-columns-tablet), 1fr);}}@container (min-width: 1200px) {.certification-stats, .certificates-grid, .benefit-list{grid-template-columns: repeat(var(--grid-columns-medium), 1fr);}}}.certificate-item, .benefit-item, .feature-item {contain: layout style;}.certificate-image img {contain: layout;}.certificates-grid, .benefits-grid, .feature-grid {will-change: auto;}.certificate-item:hover, .benefit-item:hover, .feature-item:hover {will-change: transform, box-shadow;}.certificate-item:not(:hover), .benefit-item:not(:hover), .feature-item:not(:hover) {will-change: auto;}