.qual-header{ background:linear-gradient(135deg,#1a3d15 0%,#2d5a27 50%,#1a3d15 100%); background-size:200% 200%; animation:gradientShift 10s ease infinite}@keyframes gradientShift{ 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%}}.qual-header .header-content{ text-align:center; padding:80px 20px}.qual-header h1{ font-size:2.5rem; color:#fff; margin-bottom:12px; text-shadow:0 2px 4px rgba(0,0,0,0.3)}.qual-header p{ font-size:1.125rem; color:rgba(255,255,255,0.9)}.qual-stats{ background:#fff; padding:40px 0; margin-top:-40px; position:relative; z-index:10}.stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:800px; margin:0 auto}.stat-item{ text-align:center; padding:24px 16px; background:linear-gradient(135deg,#f8faf8 0%,#fff 100%); border-radius:12px; border:1px solid rgba(45,90,39,0.1); transition:transform 0.3s ease,box-shadow 0.3s ease}.stat-item:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(45,90,39,0.15)}.stat-number{ font-size:2.5rem; font-weight:700; color:var(--primary,#2d5a27); line-height:1; margin-bottom:8px}.stat-label{ font-size:0.875rem; color:#666}.qual-main{ padding:60px 0 80px; background:linear-gradient(180deg,#f5f7f5 0%,#fff 100%)}.qual-section{ margin-bottom:60px}.section-header{ display:flex; align-items:center; gap:16px; margin-bottom:16px; padding-bottom:16px; border-bottom:2px solid rgba(45,90,39,0.1)}.section-icon{ width:56px; height:56px; background:linear-gradient(135deg,var(--primary,#2d5a27) 0%,#4a8c42 100%); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.75rem; flex-shrink:0}.section-title h2{ font-size:1.5rem; color:#1a1a1a; margin:0 0 4px 0}.section-title p{ font-size:0.875rem; color:#666; margin:0}.qual-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px}.qual-grid-2{ grid-template-columns:repeat(2,1fr)}.qual-card{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:all 0.3s ease; cursor:pointer}.qual-card:hover{ transform:translateY(-6px); box-shadow:0 12px 32px rgba(45,90,39,0.15)}.card-image{ position:relative; height:180px; overflow:hidden}.card-image img{ width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease}.qual-card:hover .card-image img{ transform:scale(1.05)}.card-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s ease}.qual-card:hover .card-overlay{ opacity:1}.zoom-icon{ font-size:2rem}.card-content{ padding:20px}.card-content h3{ font-size:1rem; font-weight:600; color:#1a1a1a; margin:0 0 6px 0}.card-content p{ font-size:0.875rem; color:#666; margin:0}.qual-card-wide .card-image{ height:200px}.guide-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px}.guide-card{ display:flex; gap:20px; background:#fff; padding:24px; border-radius:16px; box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:all 0.3s ease}.guide-card:hover{ transform:translateY(-4px); box-shadow:0 12px 32px rgba(45,90,39,0.12)}.guide-avatar{ width:100px; height:100px; border-radius:50%; overflow:hidden; flex-shrink:0; border:3px solid rgba(45,90,39,0.2)}.guide-avatar img{ width:100%; height:100%; object-fit:cover}.guide-info{ flex:1}.guide-info h3{ font-size:1.25rem; color:#1a1a1a; margin:0 0 4px 0}.guide-title{ font-size:0.875rem; color:#666; margin:0 0 12px 0}.guide-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px}.badge{ padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:500}.badge-primary{ background:rgba(45,90,39,0.1); color:var(--primary,#2d5a27)}.badge-success{ background:rgba(34,197,94,0.1); color:#16a34a}.badge-warning{ background:rgba(245,158,11,0.1); color:#d97706}.badge-info{ background:rgba(59,130,246,0.1); color:#2563eb}.badge-purple{ background:rgba(147,51,234,0.1); color:#7c3aed}.badge-orange{ background:rgba(249,115,22,0.1); color:#ea580c}.guide-certs{ display:flex; flex-wrap:wrap; gap:16px}.cert-link{ font-size:0.875rem; color:var(--primary,#2d5a27); cursor:pointer; transition:color 0.2s ease}.cert-link:hover{ color:#4a8c42; text-decoration:underline}.qual-promise{ background:linear-gradient(135deg,var(--primary,#2d5a27) 0%,#4a8c42 100%); border-radius:20px; padding:48px; margin-top:40px}.promise-content h2{ font-size:1.5rem; color:#fff; text-align:center; margin:0 0 32px 0}.promise-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px}.promise-item{ display:flex; align-items:center; gap:12px; background:rgba(255,255,255,0.15); padding:16px 20px; border-radius:12px; backdrop-filter:blur(10px)}.promise-icon{ width:28px; height:28px; background:#4ade80; color:#1a3d15; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0}.promise-item span:last-child{ color:#fff; font-size:0.9375rem}.qual-nav{ position:sticky; bottom:0; background:#fff; padding:16px 0; border-top:1px solid rgba(0,0,0,0.08); box-shadow:0 -4px 20px rgba(0,0,0,0.08); z-index:100}.qual-nav .container{ display:flex; align-items:center; gap:16px; flex-wrap:wrap}.nav-label{ font-size:0.875rem; color:#666; font-weight:500}.qual-nav .nav-link{ padding:6px 16px; background:rgba(45,90,39,0.08); border-radius:20px; font-size:0.875rem; color:var(--primary,#2d5a27); transition:all 0.2s ease; text-decoration:none}.qual-nav .nav-link:hover{ background:var(--primary,#2d5a27); color:#fff}.image-modal .image-modal-content{ max-width:90vw; max-height:90vh; background:transparent; box-shadow:none; display:flex; flex-direction:column; align-items:center}.image-modal .image-modal-content img{ max-width:100%; max-height:80vh; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,0.5)}.image-modal .modal-title{ color:#fff; font-size:1.125rem; margin-top:16px; text-shadow:0 2px 4px rgba(0,0,0,0.3)}.image-modal .modal-close{ position:fixed; top:20px; right:20px; background:rgba(255,255,255,0.2); color:#fff; backdrop-filter:blur(10px)}.image-modal .modal-close:hover{ background:rgba(255,255,255,0.3)}