@import"https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";.guide-page.svelte-19lwr9u.svelte-19lwr9u{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.guide-container.svelte-19lwr9u.svelte-19lwr9u{max-width:900px;margin:0 auto}.guide-header.svelte-19lwr9u.svelte-19lwr9u{text-align:center;margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(5,150,105,.1);position:relative;overflow:hidden}.guide-header.svelte-19lwr9u.svelte-19lwr9u:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e7d32 0%,#66bb6a 100%)}.header-icon-wrapper.svelte-19lwr9u.svelte-19lwr9u{display:flex;justify-content:center;margin-bottom:1.5rem}.header-icon.svelte-19lwr9u.svelte-19lwr9u{width:80px;height:80px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0596694d;animation:svelte-19lwr9u-bounce-subtle 3s ease-in-out infinite}.icon-emoji.svelte-19lwr9u.svelte-19lwr9u{font-size:2.5rem}@keyframes svelte-19lwr9u-bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.guide-title.svelte-19lwr9u.svelte-19lwr9u{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-subtitle.svelte-19lwr9u.svelte-19lwr9u{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.progress-indicator.svelte-19lwr9u.svelte-19lwr9u{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);border-radius:50px;font-weight:600;color:#059669;font-size:.875rem}.guide-content.svelte-19lwr9u.svelte-19lwr9u{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step-card.svelte-19lwr9u.svelte-19lwr9u{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(5,150,105,.1);overflow:hidden;transition:all .3s ease}.step-card.svelte-19lwr9u.svelte-19lwr9u:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.step-header.svelte-19lwr9u.svelte-19lwr9u{display:flex;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,rgba(5,150,105,.03) 0%,rgba(16,185,129,.03) 100%);border-bottom:1px solid rgba(5,150,105,.1)}.step-number-wrapper.svelte-19lwr9u.svelte-19lwr9u{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-number.svelte-19lwr9u.svelte-19lwr9u{width:48px;height:48px;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #0596694d}.step-connector.svelte-19lwr9u.svelte-19lwr9u{width:2px;flex:1;min-height:40px;background:linear-gradient(180deg,#059669 0%,rgba(5,150,105,.2) 100%);margin-top:.5rem}.step-title-section.svelte-19lwr9u.svelte-19lwr9u{flex:1;min-width:0}.step-title.svelte-19lwr9u.svelte-19lwr9u{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.step-description.svelte-19lwr9u.svelte-19lwr9u{font-size:.9375rem;color:#6b7280;line-height:1.6}.step-details.svelte-19lwr9u.svelte-19lwr9u{padding:1.5rem}.step-item.svelte-19lwr9u.svelte-19lwr9u{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:rgba(5,150,105,.02);border-radius:12px;transition:all .2s ease}.step-item.svelte-19lwr9u.svelte-19lwr9u:hover{background:rgba(5,150,105,.05);transform:translate(4px)}.step-item.svelte-19lwr9u.svelte-19lwr9u:last-child{margin-bottom:0}.step-bullet.svelte-19lwr9u.svelte-19lwr9u{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:6px;flex-shrink:0;margin-top:.125rem}.bullet-icon.svelte-19lwr9u.svelte-19lwr9u{width:14px;height:14px;color:#fff}.step-text.svelte-19lwr9u.svelte-19lwr9u{flex:1;color:#374151;line-height:1.7;font-size:.9375rem}.dua-section.svelte-19lwr9u.svelte-19lwr9u{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(5,150,105,.05) 0%,rgba(16,185,129,.05) 100%);border:1px solid rgba(5,150,105,.2);border-radius:16px;box-shadow:0 2px 12px #05966914}.dua-label.svelte-19lwr9u.svelte-19lwr9u{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#059669;margin-bottom:1rem;font-size:.9375rem;padding-bottom:.75rem;border-bottom:2px solid rgba(5,150,105,.15)}.dua-icon.svelte-19lwr9u.svelte-19lwr9u{width:1.25rem;height:1.25rem}.dua-text.svelte-19lwr9u.svelte-19lwr9u{font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif;font-size:1.75rem;line-height:2.2;padding:1.25rem;background:rgba(255,255,255,.7);border-radius:12px;border:1px solid rgba(5,150,105,.1);letter-spacing:.5px}.guide-footer.svelte-19lwr9u.svelte-19lwr9u{display:flex;justify-content:center;margin-top:2rem}.back-button.svelte-19lwr9u.svelte-19lwr9u{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(5,150,105,.2);border-radius:12px;color:#059669;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0000000f}.back-button.svelte-19lwr9u.svelte-19lwr9u:hover{background:#059669;color:#fff;border-color:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #0596694d}.back-icon.svelte-19lwr9u.svelte-19lwr9u{width:1.25rem;height:1.25rem;transition:transform .3s ease}.back-button.svelte-19lwr9u:hover .back-icon.svelte-19lwr9u{transform:translate(-4px)}@media (max-width: 768px){.guide-page.svelte-19lwr9u.svelte-19lwr9u{padding:1.5rem .75rem}.guide-header.svelte-19lwr9u.svelte-19lwr9u{padding:1.5rem 1rem;margin-bottom:2rem}.header-icon.svelte-19lwr9u.svelte-19lwr9u{width:64px;height:64px}.icon-emoji.svelte-19lwr9u.svelte-19lwr9u{font-size:2rem}.guide-title.svelte-19lwr9u.svelte-19lwr9u{font-size:1.5rem}.guide-subtitle.svelte-19lwr9u.svelte-19lwr9u{font-size:.875rem}.step-header.svelte-19lwr9u.svelte-19lwr9u{padding:1.25rem 1rem;gap:1rem}.step-number.svelte-19lwr9u.svelte-19lwr9u{width:40px;height:40px;font-size:1.125rem}.step-title.svelte-19lwr9u.svelte-19lwr9u{font-size:1.125rem}.step-details.svelte-19lwr9u.svelte-19lwr9u{padding:1.25rem 1rem}.step-text.svelte-19lwr9u.svelte-19lwr9u{font-size:.875rem}.dua-text.svelte-19lwr9u.svelte-19lwr9u{font-size:1.5rem;padding:.875rem}.dua-section.svelte-19lwr9u.svelte-19lwr9u{padding:1.25rem}}@media (max-width: 480px){.dua-text.svelte-19lwr9u.svelte-19lwr9u{font-size:1.35rem;padding:.75rem}.dua-section.svelte-19lwr9u.svelte-19lwr9u{padding:1rem}.guide-page.svelte-19lwr9u.svelte-19lwr9u{padding:1rem .5rem}.step-header.svelte-19lwr9u.svelte-19lwr9u{gap:.875rem}.step-item.svelte-19lwr9u.svelte-19lwr9u{gap:.75rem}.back-button.svelte-19lwr9u.svelte-19lwr9u{padding:.75rem 1.5rem;font-size:.875rem}}
