.progress-container.svelte-djlzib{padding:16px;background:var(--surface-white);border:1px solid var(--border-light);border-radius:12px;margin-bottom:24px}.progress-container.compact.svelte-djlzib{padding:12px;margin-bottom:16px}.progress-info.svelte-djlzib{margin-bottom:12px}.progress-text.svelte-djlzib{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.compact.svelte-djlzib .progress-text:where(.svelte-djlzib){font-size:14px;margin-bottom:6px}.progress-stats.svelte-djlzib{display:flex;gap:16px;font-size:14px;color:var(--text-secondary)}.progress-stats.svelte-djlzib .stat:where(.svelte-djlzib){display:flex;align-items:center;gap:6px}.progress-stats.svelte-djlzib .stat:where(.svelte-djlzib) svg:where(.svelte-djlzib){flex-shrink:0}.progress-bar.svelte-djlzib{position:relative;height:8px;background:var(--surface-gray);border-radius:4px;overflow:hidden}.compact.svelte-djlzib .progress-bar:where(.svelte-djlzib){height:6px}.progress-fill.svelte-djlzib{height:100%;background:linear-gradient(90deg,var(--book-primary),var(--book-accent));border-radius:4px;transition:width .3s ease;position:relative}.progress-fill.svelte-djlzib:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:svelte-djlzib-shimmer 2s infinite}.progress-percentage.svelte-djlzib{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:12px;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.compact.svelte-djlzib .progress-percentage:where(.svelte-djlzib){font-size:10px;right:6px}.progress-loading.svelte-djlzib{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:var(--text-muted);font-size:14px}.loading-spinner.svelte-djlzib{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--book-primary);border-radius:50%;animation:svelte-djlzib-spin 1s linear infinite}@keyframes svelte-djlzib-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes svelte-djlzib-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container.svelte-16yeb0{max-width:1200px;margin:0 auto;padding:0 20px}.container.svelte-16yeb0 ol:where(.svelte-16yeb0){background-color:none}@media (max-width: 768px){.container.svelte-16yeb0{padding:0 16px}}.container.text-center.svelte-16yeb0{text-align:center}.container.text-center.svelte-16yeb0 p:where(.svelte-16yeb0){text-align:center}p.svelte-16yeb0{text-align:justify;line-height:1.7;margin-bottom:1.5rem}@media (max-width: 768px){p.svelte-16yeb0{text-align:left;line-height:1.6}}h1.svelte-16yeb0{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}@media (max-width: 768px){h1.svelte-16yeb0{font-size:2.5rem}}@media (max-width: 480px){h1.svelte-16yeb0{font-size:2rem}}h2.svelte-16yeb0{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}@media (max-width: 768px){h2.svelte-16yeb0{font-size:2rem}}@media (max-width: 480px){h2.svelte-16yeb0{font-size:1.75rem}}h3.svelte-16yeb0{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary)}@media (max-width: 768px){h3.svelte-16yeb0{font-size:1.25rem}}.button-group.svelte-16yeb0{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}@media (max-width: 480px){.button-group.svelte-16yeb0{flex-direction:column;align-items:center}}.button-group.svelte-16yeb0 .button:where(.svelte-16yeb0){display:inline-block;padding:16px 32px;background:var(--brand-gradient);color:var(--text-inverse)!important;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;border:none;cursor:pointer}.button-group.svelte-16yeb0 .button:where(.svelte-16yeb0):hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;color:var(--text-inverse)!important}.button-group.svelte-16yeb0 .button:where(.svelte-16yeb0):active{transform:translateY(0)}.button-group.svelte-16yeb0 .button.primary:where(.svelte-16yeb0){background:var(--brand-gradient)!important}.button-group.svelte-16yeb0 .button.secondary:where(.svelte-16yeb0){background:#fff3!important;border:2px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-inverse)!important}.button-group.svelte-16yeb0 .button.secondary:where(.svelte-16yeb0):hover{background:#ffffff4d!important;border-color:#ffffff80!important;color:var(--text-inverse)!important}@media (max-width: 768px){.button-group.svelte-16yeb0 .button:where(.svelte-16yeb0){padding:14px 28px;font-size:1rem}}@media (max-width: 480px){.button-group.svelte-16yeb0 .button:where(.svelte-16yeb0){width:100%;max-width:280px;text-align:center}}ol.svelte-16yeb0{padding-left:0;counter-reset:item}ol.svelte-16yeb0 li:where(.svelte-16yeb0){display:block;margin-bottom:1.5rem;padding:1.5rem;background:var(--surface-light);border-radius:12px;border-left:4px solid var(--brand-primary);position:relative}ol.svelte-16yeb0 li:where(.svelte-16yeb0):before{counter-increment:item;content:counter(item);position:absolute;left:-2px;top:-2px;background:var(--brand-gradient);color:var(--text-inverse);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}@media (max-width: 768px){ol.svelte-16yeb0 li:where(.svelte-16yeb0){padding:1.25rem;margin-bottom:1.25rem}}section.svelte-16yeb0{padding:80px 0;width:100%}@media (max-width: 768px){section.svelte-16yeb0{padding:60px 0}}@media (max-width: 480px){section.svelte-16yeb0{padding:40px 0}}section.svelte-16yeb0:first-child{background:var(--brand-gradient);color:var(--text-inverse);text-align:center;padding:120px 0;display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){section.svelte-16yeb0:first-child{padding:100px 0}}@media (max-width: 480px){section.svelte-16yeb0:first-child{padding:80px 0}}section.svelte-16yeb0:first-child h1:where(.svelte-16yeb0){color:var(--text-inverse)!important;-webkit-text-fill-color:var(--text-inverse)!important;background:none;text-shadow:0 2px 4px rgba(0,0,0,.1)}section.svelte-16yeb0:first-child p:where(.svelte-16yeb0){font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto 1.5rem;color:var(--text-inverse)!important}@media (max-width: 768px){section.svelte-16yeb0:first-child p:where(.svelte-16yeb0){font-size:1.1rem}}section.svelte-16yeb0:nth-child(2n){background:linear-gradient(135deg,var(--surface-light) 0%,var(--gray-200) 100%)}section.svelte-16yeb0:nth-child(odd):not(:first-child){background:var(--surface-white)}section.svelte-16yeb0:last-child{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-700) 100%);color:var(--text-inverse)}section.svelte-16yeb0:last-child h2:where(.svelte-16yeb0){color:var(--text-inverse)}.progress-section.svelte-16yeb0{margin:2rem 0;padding:2rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.progress-section.svelte-16yeb0 h3:where(.svelte-16yeb0){color:var(--text-inverse);margin-bottom:1rem;font-size:1.4rem;text-align:center}@media (max-width: 768px){.progress-section.svelte-16yeb0{margin:1.5rem 0;padding:1.5rem 0}}.features.svelte-16yeb0{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}@media (max-width: 768px){.features.svelte-16yeb0{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}}.feature-card.svelte-16yeb0{background:var(--surface-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card.svelte-16yeb0:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}@media (max-width: 768px){.feature-card.svelte-16yeb0{padding:1.5rem}}@media (max-width: 480px){.container.svelte-16yeb0{padding:0 12px}}.theme-toggle.svelte-1nx2xqc{position:fixed;top:20px;right:20px;z-index:1000}.hero.svelte-1nx2xqc{padding:120px 20px;min-height:80vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (max-width: 768px){.hero.svelte-1nx2xqc{padding:100px 20px;min-height:70vh}}@media (max-width: 480px){.hero.svelte-1nx2xqc{padding:80px 16px;min-height:60vh}}.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc){max-width:600px;margin:0 auto}.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc) h1:where(.svelte-1nx2xqc){font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:#fff;-webkit-text-fill-color:white}@media (max-width: 768px){.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc) h1:where(.svelte-1nx2xqc){font-size:2.5rem}}@media (max-width: 480px){.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc) h1:where(.svelte-1nx2xqc){font-size:2rem}}.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc) p:where(.svelte-1nx2xqc){font-size:1.2rem;line-height:1.7;margin-bottom:2.5rem;opacity:.95;color:var(--text-inverse)}@media (max-width: 768px){.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc) p:where(.svelte-1nx2xqc){font-size:1.1rem}}@media (max-width: 480px){.hero.svelte-1nx2xqc .content:where(.svelte-1nx2xqc) p:where(.svelte-1nx2xqc){text-align:left}}.hero.svelte-1nx2xqc .actions:where(.svelte-1nx2xqc){display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 480px){.hero.svelte-1nx2xqc .actions:where(.svelte-1nx2xqc){flex-direction:column;align-items:center}}.hero.svelte-1nx2xqc .button:where(.svelte-1nx2xqc){display:inline-block;padding:16px 32px;border-radius:50px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.hero.svelte-1nx2xqc .button.primary:where(.svelte-1nx2xqc){background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero.svelte-1nx2xqc .button.primary:where(.svelte-1nx2xqc):hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.hero.svelte-1nx2xqc .button.secondary:where(.svelte-1nx2xqc){background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.hero.svelte-1nx2xqc .button.secondary:where(.svelte-1nx2xqc):hover{background:#ffffff1a;transform:translateY(-2px)}@media (max-width: 768px){.hero.svelte-1nx2xqc .button:where(.svelte-1nx2xqc){padding:14px 28px;font-size:1rem}}@media (max-width: 480px){.hero.svelte-1nx2xqc .button:where(.svelte-1nx2xqc){width:100%;max-width:280px;text-align:center}}
