.phase3-container.svelte-16rchve{max-width:1200px;margin:0 auto;padding:2rem}.phase-header.svelte-16rchve{text-align:center;margin-bottom:3rem}.phase-badge.svelte-16rchve{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:600;margin-bottom:1rem}.phase-number.svelte-16rchve{width:2rem;height:2rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.phase-title.svelte-16rchve{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.phase-header.svelte-16rchve h1:where(.svelte-16rchve){font-size:2.5rem;margin:0 0 1rem;color:#1a1a1a}.phase-description.svelte-16rchve{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.phase-nav.svelte-16rchve{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#f8f9fa;border-radius:.5rem}.nav-tab.svelte-16rchve{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;transition:all .2s;color:#666;font-weight:500}.nav-tab.svelte-16rchve:hover{background:#667eea1a;color:#667eea}.nav-tab.active.svelte-16rchve{background:#667eea;color:#fff}.tab-icon.svelte-16rchve{font-size:1.2rem}.phase-content.svelte-16rchve{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.learning-objectives.svelte-16rchve{margin-bottom:3rem}.learning-objectives.svelte-16rchve h2:where(.svelte-16rchve){color:#1a1a1a;margin-bottom:1rem}.learning-objectives.svelte-16rchve ul:where(.svelte-16rchve){list-style:none;padding:0}.learning-objectives.svelte-16rchve li:where(.svelte-16rchve){padding:.5rem 0 .5rem 1.5rem;position:relative}.learning-objectives.svelte-16rchve li:where(.svelte-16rchve):before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:600}.testing-features.svelte-16rchve{margin-bottom:3rem}.testing-features.svelte-16rchve h2:where(.svelte-16rchve){color:#1a1a1a;margin-bottom:1.5rem}.features-grid.svelte-16rchve{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card.svelte-16rchve{background:#f8f9fa;border-radius:.5rem;padding:1.5rem;position:relative;transition:transform .2s}.feature-card.svelte-16rchve:hover{transform:translateY(-2px)}.feature-icon.svelte-16rchve{font-size:2rem;margin-bottom:1rem}.feature-card.svelte-16rchve h3:where(.svelte-16rchve){color:#1a1a1a;margin:0 0 .5rem}.feature-card.svelte-16rchve p:where(.svelte-16rchve){color:#666;margin:0 0 1rem;line-height:1.5}.feature-status.svelte-16rchve{position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-available.svelte-16rchve{background:#d4edda;color:#155724}.quick-start.svelte-16rchve h2:where(.svelte-16rchve){color:#1a1a1a;margin-bottom:1.5rem}.quick-start-grid.svelte-16rchve{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.quick-start-card.svelte-16rchve{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:.5rem;text-decoration:none;transition:transform .2s;text-align:center}.quick-start-card.svelte-16rchve:hover{transform:translateY(-3px)}.quick-start-card.svelte-16rchve .card-icon:where(.svelte-16rchve){font-size:2.5rem;margin-bottom:1rem}.quick-start-card.svelte-16rchve h3:where(.svelte-16rchve){color:#fff;margin:0 0 .5rem}.quick-start-card.svelte-16rchve p:where(.svelte-16rchve){color:#ffffffe6;margin:0;line-height:1.4}.cta-button.svelte-16rchve{display:inline-block;background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .2s;margin-top:1rem}.cta-button.svelte-16rchve:hover{background:#5a67d8}@media (max-width: 768px){.phase3-container.svelte-16rchve{padding:1rem}.phase-header.svelte-16rchve h1:where(.svelte-16rchve){font-size:2rem}.phase-nav.svelte-16rchve{flex-direction:column}.nav-tab.svelte-16rchve{justify-content:center}.features-grid.svelte-16rchve,.quick-start-grid.svelte-16rchve{grid-template-columns:1fr}}