@charset "UTF-8";.quality-assurance{background:#f8fafc;min-height:100vh}.quality-assurance .container{max-width:1200px;margin:0 auto;padding:0 20px}.quality-assurance .page-header{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;padding:60px 40px;border-radius:0 0 24px 24px;margin-bottom:40px}.quality-assurance .page-header .breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;opacity:.9}.quality-assurance .page-header .breadcrumbs a{color:#fff;text-decoration:none}.quality-assurance .page-header .breadcrumbs a:hover{text-decoration:underline}.quality-assurance .page-header .header-content{text-align:center;max-width:800px;margin:0 auto}.quality-assurance .page-header .header-content h1{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.quality-assurance .page-header .header-content .header-subtitle{font-size:18px;opacity:.9;line-height:1.6;margin:0}.quality-assurance .category-navigation{display:flex;gap:16px;margin-bottom:40px;padding:0 8px;overflow-x:auto}.quality-assurance .category-navigation .category-btn{background:#fff;border:2px solid #e5e7eb;padding:16px 24px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-weight:500;color:#374151;white-space:nowrap}.quality-assurance .category-navigation .category-btn .category-icon{font-size:20px}.quality-assurance .category-navigation .category-btn:hover{border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed26}.quality-assurance .category-navigation .category-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}.quality-assurance .qa-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;margin-bottom:40px}.quality-assurance .qa-content h2{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:32px;text-align:center}.quality-assurance .qa-content h3{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:20px}.quality-assurance .qa-content h4{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px}.quality-assurance .overview-section .qa-importance{margin-bottom:48px}.quality-assurance .overview-section .qa-importance .importance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #f59e0b33}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card .card-icon{font-size:48px;margin-bottom:16px;display:block}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card h3{color:#92400e;margin-bottom:12px;font-size:20px}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card p{color:#374151;line-height:1.6;margin-bottom:16px}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card .stat{background:#92400e;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;display:inline-block}.quality-assurance .overview-section .qa-principles{margin-bottom:48px}.quality-assurance .overview-section .qa-principles .principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.quality-assurance .overview-section .qa-principles .principles-grid .principle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease}.quality-assurance .overview-section .qa-principles .principles-grid .principle-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.quality-assurance .overview-section .qa-principles .principles-grid .principle-card h3{color:#7c3aed;margin-bottom:12px;font-size:18px}.quality-assurance .overview-section .qa-principles .principles-grid .principle-card p{color:#374151;line-height:1.6;margin:0}.quality-assurance .overview-section .qa-benefits .benefits-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:32px}.quality-assurance .overview-section .qa-benefits .benefits-comparison .benefit-column{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:32px}.quality-assurance .overview-section .qa-benefits .benefits-comparison .benefit-column h3{color:#0369a1;margin-bottom:20px;text-align:center}.quality-assurance .overview-section .qa-benefits .benefits-comparison .benefit-column ul{list-style:none;padding:0;margin:0}.quality-assurance .overview-section .qa-benefits .benefits-comparison .benefit-column ul li{position:relative;padding-left:24px;margin-bottom:12px;color:#374151;line-height:1.5}.quality-assurance .overview-section .qa-benefits .benefits-comparison .benefit-column ul li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:16px}.quality-assurance .testing-section .testing-methods{display:grid;gap:24px;margin-top:32px}.quality-assurance .testing-section .testing-methods .method-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease}.quality-assurance .testing-section .testing-methods .method-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.quality-assurance .testing-section .testing-methods .method-card .method-header{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start}.quality-assurance .testing-section .testing-methods .method-card .method-header .method-icon{font-size:48px;flex-shrink:0}.quality-assurance .testing-section .testing-methods .method-card .method-header .method-info{flex:1}.quality-assurance .testing-section .testing-methods .method-card .method-header .method-info h3{color:#7c3aed;margin-bottom:8px;font-size:22px}.quality-assurance .testing-section .testing-methods .method-card .method-header .method-info p{color:#6b7280;line-height:1.6;margin:0}.quality-assurance .testing-section .testing-methods .method-card .method-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section h4{color:#1f2937;font-size:16px;margin-bottom:12px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section ul{list-style:none;padding:0;margin:0}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section ul li{position:relative;padding-left:20px;margin-bottom:8px;color:#374151;font-size:14px;line-height:1.5}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section ul li:before{content:"→";position:absolute;left:0;color:#7c3aed;font-weight:700}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section .tools-tags{display:flex;flex-wrap:wrap;gap:8px}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section .tools-tags .tool-tag{background:#e0e7ff;color:#5b21b6;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.quality-assurance .testing-section .testing-methods .method-card .method-content .method-section .example-text{background:#7c3aed1a;border-left:4px solid #7c3aed;padding:16px;border-radius:8px;color:#374151;font-style:italic;margin:0}.quality-assurance .standards-section .standards-grid{display:grid;gap:32px;margin-top:32px}.quality-assurance .standards-section .standards-grid .standard-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.quality-assurance .standards-section .standards-grid .standard-category .category-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.quality-assurance .standards-section .standards-grid .standard-category .category-header .category-icon{font-size:32px}.quality-assurance .standards-section .standards-grid .standard-category .category-header h3{color:#7c3aed;margin:0}.quality-assurance .standards-section .standards-grid .standard-category .standard-section{margin-bottom:24px}.quality-assurance .standards-section .standards-grid .standard-category .standard-section h4{color:#1f2937;margin-bottom:16px;background:#e0e7ff;padding:12px 16px;border-radius:8px;font-size:16px}.quality-assurance .standards-section .standards-grid .standard-category .standard-section .requirements-list .requirement-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:8px;border-radius:6px;transition:background .2s ease;cursor:pointer}.quality-assurance .standards-section .standards-grid .standard-category .standard-section .requirements-list .requirement-item:hover{background:#7c3aed0d}.quality-assurance .standards-section .standards-grid .standard-category .standard-section .requirements-list .requirement-item input[type=checkbox]{margin-top:4px;accent-color:#7c3aed;transform:scale(1.2)}.quality-assurance .standards-section .standards-grid .standard-category .standard-section .requirements-list .requirement-item .requirement-text{color:#374151;line-height:1.5;font-size:14px}.quality-assurance .standards-section .standards-grid .standard-category .standard-section .requirements-list .requirement-item:has(input:checked) .requirement-text{color:#6b7280;text-decoration:line-through}.quality-assurance .tools-section .tools-categories{margin-top:32px}.quality-assurance .tools-section .tools-categories .tool-category{margin-bottom:48px}.quality-assurance .tools-section .tools-categories .tool-category h3{color:#7c3aed;text-align:center;margin-bottom:24px}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-header h4{color:#1f2937;margin:0;font-size:18px}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-header .difficulty-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-header .difficulty-badge.beginner{background:#d1fae5;color:#065f46}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-header .difficulty-badge.intermediate{background:#fef3c7;color:#92400e}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-header .difficulty-badge.advanced{background:#fecaca;color:#991b1b}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-details .tool-use-case,.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-details .tool-pricing{margin-bottom:8px;font-size:13px}.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-details .tool-use-case strong,.quality-assurance .tools-section .tools-categories .tool-category .tools-grid .tool-card .tool-details .tool-pricing strong{color:#374151}.quality-assurance .processes-section .process-timeline{margin-top:32px;position:relative}.quality-assurance .processes-section .process-timeline .process-phase{display:flex;gap:24px;margin-bottom:40px}.quality-assurance .processes-section .process-timeline .process-phase .phase-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.quality-assurance .processes-section .process-timeline .process-phase .phase-marker .phase-number{width:60px;height:60px;background:#7c3aed;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 12px #7c3aed4d}.quality-assurance .processes-section .process-timeline .process-phase .phase-marker .phase-line{width:2px;height:100px;background:linear-gradient(to bottom,#7c3aed,#a855f7);border-radius:1px}.quality-assurance .processes-section .process-timeline .process-phase .phase-marker .phase-line:last-child{display:none}.quality-assurance .processes-section .process-timeline .process-phase .phase-content{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-header h3{color:#7c3aed;margin:0}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-header .phase-duration{background:#7c3aed;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-activities h4,.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-deliverables h4{color:#1f2937;font-size:16px;margin-bottom:12px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-activities ul,.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-deliverables ul{list-style:none;padding:0;margin:0}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-activities ul li,.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-deliverables ul li{position:relative;padding-left:20px;margin-bottom:8px;color:#374151;font-size:14px;line-height:1.5}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-activities ul li:before,.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-deliverables ul li:before{content:"•";position:absolute;left:0;color:#7c3aed;font-weight:700}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-activities.phase-deliverables ul li:before,.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details .phase-deliverables.phase-deliverables ul li:before{content:"📋";font-size:12px}.quality-assurance .processes-section .process-timeline .process-phase:last-child .phase-marker .phase-line{display:none}.quality-assurance .processes-section .qa-metrics{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:32px;margin-top:48px}.quality-assurance .processes-section .qa-metrics h3{color:#0369a1;text-align:center;margin-bottom:32px}.quality-assurance .processes-section .qa-metrics .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.quality-assurance .processes-section .qa-metrics .metrics-grid .metric-card{background:#fff;border-radius:8px;padding:20px;text-align:center}.quality-assurance .processes-section .qa-metrics .metrics-grid .metric-card h4{color:#0369a1;margin-bottom:8px}.quality-assurance .processes-section .qa-metrics .metrics-grid .metric-card p{color:#6b7280;font-size:14px;margin-bottom:16px}.quality-assurance .processes-section .qa-metrics .metrics-grid .metric-card .metric-formula{background:#0ea5e9;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:monospace}.quality-assurance .cta-section{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:60px 40px;border-radius:24px;text-align:center;margin-bottom:40px}.quality-assurance .cta-section .cta-content{max-width:600px;margin:0 auto}.quality-assurance .cta-section .cta-content h2{font-size:32px;font-weight:700;margin-bottom:16px}.quality-assurance .cta-section .cta-content p{font-size:18px;opacity:.9;margin-bottom:32px;line-height:1.6}.quality-assurance .cta-section .cta-content .cta-buttons{display:flex;gap:16px;justify-content:center}.quality-assurance .cta-section .cta-content .cta-buttons .cta-btn{padding:14px 28px;border-radius:12px;font-weight:600;text-decoration:none;font-size:16px;transition:all .3s ease;display:inline-block}.quality-assurance .cta-section .cta-content .cta-buttons .cta-btn.primary{background:#fff;color:#f59e0b}.quality-assurance .cta-section .cta-content .cta-buttons .cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.quality-assurance .cta-section .cta-content .cta-buttons .cta-btn.secondary{background:transparent;color:#fff;border:2px solid white}.quality-assurance .cta-section .cta-content .cta-buttons .cta-btn.secondary:hover{background:#fff;color:#f59e0b;transform:translateY(-2px)}@media (max-width: 768px){.quality-assurance .page-header{padding:40px 20px}.quality-assurance .page-header .header-content h1{font-size:32px}.quality-assurance .page-header .header-subtitle{font-size:16px}.quality-assurance .category-navigation{gap:8px;margin:0 -20px;padding:0 20px}.quality-assurance .category-navigation .category-btn{padding:12px 16px;font-size:14px}.quality-assurance .qa-content{padding:24px 20px}.quality-assurance .qa-content h2{font-size:24px}.quality-assurance .overview-section .qa-importance .importance-grid,.quality-assurance .overview-section .qa-principles .principles-grid{grid-template-columns:1fr;gap:16px}.quality-assurance .overview-section .qa-benefits .benefits-comparison{grid-template-columns:1fr;gap:20px}.quality-assurance .testing-section .testing-methods .method-card .method-header{flex-direction:column;text-align:center;gap:12px}.quality-assurance .testing-section .testing-methods .method-card .method-content{grid-template-columns:1fr;gap:16px}.quality-assurance .standards-section .standards-grid,.quality-assurance .tools-section .tools-categories .tool-category .tools-grid{grid-template-columns:1fr}.quality-assurance .processes-section .process-timeline .process-phase{flex-direction:column;align-items:center;text-align:center}.quality-assurance .processes-section .process-timeline .process-phase .phase-marker{flex-direction:row;align-items:center}.quality-assurance .processes-section .process-timeline .process-phase .phase-marker .phase-line{width:100px;height:2px;margin:0 16px}.quality-assurance .processes-section .process-timeline .process-phase .phase-content .phase-details{grid-template-columns:1fr}.quality-assurance .cta-section{padding:40px 20px}.quality-assurance .cta-section .cta-content h2{font-size:24px}.quality-assurance .cta-section .cta-content p{font-size:16px}.quality-assurance .cta-section .cta-content .cta-buttons{flex-direction:column;align-items:center}.quality-assurance .cta-section .cta-content .cta-buttons .cta-btn{width:100%;max-width:200px}}@media (max-width: 480px){.quality-assurance .category-navigation .category-btn{padding:10px 12px;font-size:12px}.quality-assurance .category-navigation .category-btn .category-icon{font-size:16px}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card{padding:20px}.quality-assurance .overview-section .qa-importance .importance-grid .importance-card .card-icon{font-size:36px}.quality-assurance .processes-section .qa-metrics .metrics-grid{grid-template-columns:1fr}}