.import-section[data-v-ffc8be84]{background:#f8fafc;padding:80px 0}.section-header[data-v-ffc8be84]{margin-bottom:60px;text-align:center}.section-title[data-v-ffc8be84]{color:#0f172a;font-size:2.5rem;font-weight:800;margin-bottom:16px}.section-subtitle[data-v-ffc8be84]{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:700px}.steps-container[data-v-ffc8be84]{display:flex;flex-direction:column;gap:40px}.step-card[data-v-ffc8be84]{background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;gap:30px;padding:40px;transition:all .3s ease}.step-card[data-v-ffc8be84]:hover{border-color:#0ea5e9;box-shadow:0 10px 30px #0ea5e91a}.step-number[data-v-ffc8be84]{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;box-shadow:0 4px 16px #0ea5e94d;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;font-weight:800;height:60px;justify-content:center;width:60px}.step-content[data-v-ffc8be84]{flex:1}.step-title[data-v-ffc8be84]{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:12px}.step-description[data-v-ffc8be84]{color:#475569;font-size:1.125rem;line-height:1.7;margin-bottom:24px}.step-list[data-v-ffc8be84]{list-style:none;margin:24px 0;padding:0}.step-list li[data-v-ffc8be84]{color:#334155;font-size:1.0625rem;margin-bottom:12px;padding-left:32px;position:relative}.step-list li[data-v-ffc8be84]:before{color:#0ea5e9;content:"✓";font-size:1.25rem;font-weight:700;left:0;position:absolute}.code-block[data-v-ffc8be84]{background:#0f172a;border-left:4px solid #0ea5e9;border-radius:8px;margin:24px 0;padding:16px 20px}.code-block code[data-v-ffc8be84]{color:#7dd3fc;font-family:Courier New,monospace;font-size:1rem}.navigation-steps[data-v-ffc8be84]{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.nav-step[data-v-ffc8be84]{align-items:center;background:#eff6ff;border-radius:8px;color:#0c4a6e;display:flex;font-weight:600;gap:8px;padding:10px 16px}.nav-step svg[data-v-ffc8be84]{color:#0ea5e9}.warning-box[data-v-ffc8be84]{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:16px;margin:24px 0;padding:20px}.warning-box svg[data-v-ffc8be84]{color:#f59e0b;flex-shrink:0}.warning-box strong[data-v-ffc8be84]{color:#78350f;display:block;margin-bottom:4px}.warning-box p[data-v-ffc8be84]{color:#92400e;font-size:.9375rem;margin:0}.success-box[data-v-ffc8be84]{background:#d1fae5;border-left:4px solid #10b981;border-radius:8px;display:flex;gap:16px;margin:24px 0;padding:20px}.success-box svg[data-v-ffc8be84]{color:#10b981;flex-shrink:0}.success-box strong[data-v-ffc8be84]{color:#065f46;display:block;margin-bottom:4px}.success-box p[data-v-ffc8be84]{color:#047857;font-size:.9375rem;margin:0}.screenshot-placeholder[data-v-ffc8be84]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px dashed #cbd5e1;border-radius:12px;margin-top:30px;padding:60px 40px;text-align:center}.placeholder-icon[data-v-ffc8be84]{color:#94a3b8;margin:0 auto 16px}.placeholder-text[data-v-ffc8be84]{color:#64748b;font-size:1rem;font-weight:600;margin:0}.screenshot-container[data-v-ffc8be84]{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-top:30px;overflow:hidden}.screenshot-image[data-v-ffc8be84]{display:block;height:auto;width:100%}.ptero-eggs-container[data-v-ffc8be84]{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media(min-width:576px){.ptero-eggs-container[data-v-ffc8be84]{max-width:540px}}@media(min-width:768px){.ptero-eggs-container[data-v-ffc8be84]{max-width:720px}}@media(min-width:992px){.ptero-eggs-container[data-v-ffc8be84]{max-width:960px}}@media(min-width:1200px){.ptero-eggs-container[data-v-ffc8be84]{max-width:1140px}}@media(min-width:1400px){.ptero-eggs-container[data-v-ffc8be84]{max-width:1320px}}@media(max-width:768px){.import-section[data-v-ffc8be84]{padding:60px 0}.ptero-eggs-container[data-v-ffc8be84]{padding-left:12px;padding-right:12px}.section-title[data-v-ffc8be84]{font-size:2rem}.section-subtitle[data-v-ffc8be84]{font-size:1.0625rem}.step-card[data-v-ffc8be84]{flex-direction:column;gap:20px;padding:30px 20px}.step-number[data-v-ffc8be84]{height:50px;width:50px}.step-number[data-v-ffc8be84],.step-title[data-v-ffc8be84]{font-size:1.5rem}.step-description[data-v-ffc8be84]{font-size:1rem}.navigation-steps[data-v-ffc8be84]{flex-direction:column}.screenshot-placeholder[data-v-ffc8be84]{padding:40px 20px}}@media(prefers-reduced-motion:reduce){.step-card[data-v-ffc8be84]{transition:none!important}}