*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fb;color:#1a1a2e;overflow-x:hidden;line-height:1.6}.app.svelte-1uha8ag{min-height:100vh;background:linear-gradient(180deg,#f8f9fb,#fff)}.content.svelte-1uha8ag{max-width:480px;margin:0 auto;padding:0 20px 100px}.header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px}.logo.svelte-1uha8ag{display:flex;align-items:center;gap:8px}.logo-icon.svelte-1uha8ag{font-size:24px}.logo-text.svelte-1uha8ag{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-badge.svelte-1uha8ag{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer}.hero.svelte-1uha8ag{text-align:center;padding:20px 0 40px}.hero-tag.svelte-1uha8ag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:13px;font-weight:600;color:#667eea;margin-bottom:20px}.tag-dot.svelte-1uha8ag{width:6px;height:6px;background:#667eea;border-radius:50%;animation:svelte-1uha8ag-pulse 2s ease-in-out infinite}@keyframes svelte-1uha8ag-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title.svelte-1uha8ag{font-size:32px;font-weight:800;line-height:1.3;margin:0 0 16px;color:#1a1a2e;letter-spacing:-.5px}.gradient-text.svelte-1uha8ag{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description.svelte-1uha8ag{font-size:15px;line-height:1.6;color:#6b7280;margin:0 0 32px}.quick-stats.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.stat-card.svelte-1uha8ag{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;text-align:center;transition:all .2s ease}.stat-card.svelte-1uha8ag:active{transform:scale(.98)}.stat-icon.svelte-1uha8ag{font-size:28px;margin-bottom:8px}.stat-value.svelte-1uha8ag{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.stat-label.svelte-1uha8ag{font-size:13px;color:#6b7280}.primary-button.svelte-1uha8ag{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea66;margin-bottom:12px}.primary-button.svelte-1uha8ag:active{transform:translateY(1px);box-shadow:0 2px 8px #667eea66}.trust-text.svelte-1uha8ag{font-size:13px;color:#6b7280;margin:0}.section-header.svelte-1uha8ag{margin-bottom:24px}.section-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 6px}.section-header.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:14px;color:#6b7280;margin:0}.match-preview.svelte-1uha8ag{margin:40px 0}.user-card.svelte-1uha8ag{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000a}.user-card-header.svelte-1uha8ag{display:flex;gap:16px;margin-bottom:16px}.user-avatar.svelte-1uha8ag{width:64px;height:64px;font-size:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;flex-shrink:0}.user-basic.svelte-1uha8ag{flex:1}.user-name-row.svelte-1uha8ag{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user-name-row.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.mbti-badge.svelte-1uha8ag{padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:700;border-radius:8px}.user-info.svelte-1uha8ag{font-size:14px;color:#6b7280;margin:0 0 4px}.user-location.svelte-1uha8ag{font-size:13px;color:#9ca3af;margin:0}.user-bio.svelte-1uha8ag{font-size:14px;line-height:1.6;color:#4b5563;margin:0 0 16px;padding:12px;background:#f9fafb;border-radius:12px}.user-interests.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.interest-tag.svelte-1uha8ag{padding:6px 12px;background:#ede9fe;color:#7c3aed;font-size:13px;font-weight:600;border-radius:8px}.user-card-footer.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.icon-button.svelte-1uha8ag{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#6b7280}.icon-button.svelte-1uha8ag:active{transform:scale(.95);background:#e5e7eb}.match-button.svelte-1uha8ag{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.match-button.svelte-1uha8ag:active{transform:scale(.98)}.carousel-dots.svelte-1uha8ag{display:flex;justify-content:center;gap:6px}.dot.svelte-1uha8ag{width:6px;height:6px;background:#d1d5db;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.dot.active.svelte-1uha8ag{width:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.mbti-section.svelte-1uha8ag{margin:40px 0}.mbti-ranking.svelte-1uha8ag{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:16px}.rank-item.svelte-1uha8ag{display:flex;align-items:center;gap:16px;padding:12px 0}.rank-item.svelte-1uha8ag:not(:last-child){border-bottom:1px solid #f3f4f6}.rank-number.svelte-1uha8ag{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;border-radius:8px;flex-shrink:0}.rank-info.svelte-1uha8ag{flex:1}.rank-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rank-mbti.svelte-1uha8ag{font-size:15px;font-weight:700;color:#1a1a2e}.rank-percent.svelte-1uha8ag{font-size:14px;font-weight:600;color:#667eea}.progress-bar.svelte-1uha8ag{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill.svelte-1uha8ag{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.secondary-button.svelte-1uha8ag{width:100%;padding:14px;background:#fff;color:#667eea;font-size:15px;font-weight:600;border:2px solid #667eea;border-radius:12px;cursor:pointer;transition:all .2s ease}.secondary-button.svelte-1uha8ag:active{transform:scale(.98);background:#f9fafb}.features-section.svelte-1uha8ag{margin:40px 0}.features-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card.svelte-1uha8ag{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;text-align:center;transition:all .2s ease}.feature-card.svelte-1uha8ag:active{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon-wrap.svelte-1uha8ag{width:56px;height:56px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px}.feature-icon.svelte-1uha8ag{font-size:28px}.feature-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 6px}.feature-card.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:13px;line-height:1.5;color:#6b7280;margin:0}.process-section.svelte-1uha8ag{margin:40px 0}.process-steps.svelte-1uha8ag{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.process-step.svelte-1uha8ag{display:flex;align-items:flex-start;gap:16px}.step-badge.svelte-1uha8ag{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;border-radius:12px;flex-shrink:0}.step-content.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.step-content.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:14px;color:#6b7280;margin:0}.step-connector.svelte-1uha8ag{width:2px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);margin:4px 0 4px 19px;opacity:.3}.testimonial-section.svelte-1uha8ag{margin:40px 0}.testimonial-list.svelte-1uha8ag{display:flex;flex-direction:column;gap:16px}.testimonial-card.svelte-1uha8ag{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.testimonial-header.svelte-1uha8ag{display:flex;align-items:center;gap:12px;margin-bottom:12px}.testimonial-avatar.svelte-1uha8ag{width:48px;height:48px;font-size:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px}.testimonial-name.svelte-1uha8ag{font-size:14px;font-weight:600;color:#1a1a2e}.testimonial-date.svelte-1uha8ag{font-size:12px;color:#9ca3af}.testimonial-text.svelte-1uha8ag{font-size:14px;line-height:1.6;color:#4b5563;margin:0 0 12px}.testimonial-rating.svelte-1uha8ag{font-size:14px}.cta-section.svelte-1uha8ag{margin:40px 0}.cta-card.svelte-1uha8ag{padding:32px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;text-align:center;color:#fff}.cta-icon.svelte-1uha8ag{font-size:56px;margin-bottom:16px}.cta-card.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:24px;font-weight:700;margin:0 0 12px;color:#fff}.cta-card.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 20px}.benefit-list.svelte-1uha8ag{list-style:none;padding:0;text-align:left;max-width:240px;margin:0 auto 24px}.benefit-list.svelte-1uha8ag li:where(.svelte-1uha8ag){font-size:14px;padding:6px 0;color:#fffffff2}.cta-button.svelte-1uha8ag{width:100%;padding:16px;background:#fff;color:#667eea;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;margin-bottom:12px;transition:all .2s ease}.cta-button.svelte-1uha8ag:active{transform:scale(.98)}.cta-note.svelte-1uha8ag{font-size:12px;color:#ffffffb3;margin:0}.bottom-spacer.svelte-1uha8ag{height:20px}.bottom-nav.svelte-1uha8ag{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #e5e7eb;padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000000d;z-index:1000}.nav-item.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:none;border:none;color:#9ca3af;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500;flex:1;max-width:80px}.nav-item.svelte-1uha8ag svg:where(.svelte-1uha8ag){transition:all .2s ease}.nav-item.active.svelte-1uha8ag{color:#667eea}.nav-item.active.svelte-1uha8ag svg:where(.svelte-1uha8ag){transform:scale(1.1)}.nav-item.svelte-1uha8ag:active{transform:scale(.95)}@media(min-width:768px){.content.svelte-1uha8ag{max-width:600px}.hero-title.svelte-1uha8ag{font-size:40px}.features-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr);gap:16px}}