body{margin:0;padding:0;overflow-x:hidden}.wrapper.svelte-10q28xp{background:#0a0a0a;color:#fff;min-height:100vh}.hero.svelte-10q28xp{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg.svelte-10q28xp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-shape-1.svelte-10q28xp{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);border-radius:50%;top:-200px;right:-200px;filter:blur(40px);animation:svelte-10q28xp-float 20s ease-in-out infinite}.hero-shape-2.svelte-10q28xp{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);border-radius:50%;bottom:-300px;left:-300px;filter:blur(60px);animation:svelte-10q28xp-float 25s ease-in-out infinite reverse}.hero-shape-3.svelte-10q28xp{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(52,211,153,.2) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(50px);animation:svelte-10q28xp-pulse 15s ease-in-out infinite}.hero-content.svelte-10q28xp{position:relative;z-index:1;max-width:1200px;width:100%;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text.svelte-10q28xp h1:where(.svelte-10q28xp){font-size:clamp(3rem,6vw,5rem);font-weight:900;margin-bottom:1rem;line-height:1.1;color:#fff}.wave.svelte-10q28xp{display:inline-block;animation:svelte-10q28xp-wave 2.5s ease-in-out infinite;transform-origin:70% 70%}.tagline.svelte-10q28xp{font-size:1.8rem;color:#a1a1aa;margin-bottom:2rem}.intro.svelte-10q28xp{font-size:1.9rem;line-height:1.6;color:#e4e4e7}.hero-visual.svelte-10q28xp{display:flex;justify-content:center;align-items:center}.profile-container.svelte-10q28xp{position:relative}.profile-img.svelte-10q28xp{width:400px;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;border:4px solid rgba(255,255,255,.1);animation:svelte-10q28xp-morph 8s ease-in-out infinite}.profile-decoration.svelte-10q28xp{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:linear-gradient(45deg,#8b5cf6,#ec4899,#34d399);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.3;filter:blur(30px);animation:svelte-10q28xp-morph 8s ease-in-out infinite reverse}.scroll-hint.svelte-10q28xp{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:#a1a1aa;font-size:1.2rem}.scroll-arrow.svelte-10q28xp{width:30px;height:30px;margin:.5rem auto;border-right:2px solid #a1a1aa;border-bottom:2px solid #a1a1aa;transform:rotate(45deg);animation:svelte-10q28xp-bounce 2s infinite}.story-block.svelte-10q28xp{position:relative;padding:8rem 0;overflow:hidden}.dark-theme.svelte-10q28xp{background:#0f0f0f;color:#fff}.light-theme.svelte-10q28xp{background:#1a1a1a;color:#fff}.gradient-bg-1.svelte-10q28xp{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff}.gradient-bg-2.svelte-10q28xp{background:linear-gradient(135deg,#064e3b,#065f46);color:#fff}.gradient-bg-3.svelte-10q28xp{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff}.danger-theme.svelte-10q28xp{background:#2d0a0a;color:#fff}.story-wrapper.svelte-10q28xp{max-width:1200px;margin:0 auto;padding:0 2rem}.number-badge.svelte-10q28xp{display:inline-block;font-size:6rem;font-weight:900;opacity:.1;margin-bottom:2rem;line-height:1;color:#fff}.content-grid.svelte-10q28xp{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.reverse.svelte-10q28xp .content-grid:where(.svelte-10q28xp){direction:rtl}.reverse.svelte-10q28xp .text-content:where(.svelte-10q28xp),.reverse.svelte-10q28xp .visual-content:where(.svelte-10q28xp){direction:ltr}.text-content.svelte-10q28xp h2:where(.svelte-10q28xp){font-size:3rem;font-weight:800;margin-bottom:2rem;line-height:1.2;color:#fff}.text-content.svelte-10q28xp p:where(.svelte-10q28xp){font-size:1.9rem;line-height:1.6;margin-bottom:1.5rem;color:#e4e4e7}.visual-content.svelte-10q28xp img:where(.svelte-10q28xp){width:100%;max-width:500px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.kanji-comparison.svelte-10q28xp{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;padding:2rem;background:#ffffff0d;border-radius:1rem}.kanji-item.svelte-10q28xp{text-align:center}.kanji-item.svelte-10q28xp .label:where(.svelte-10q28xp){display:block;font-size:1.2rem;color:#a1a1aa;margin-bottom:.5rem}.kanji-item.svelte-10q28xp .kanji:where(.svelte-10q28xp){font-size:4rem;font-weight:700;color:inherit}.vs.svelte-10q28xp{font-size:2rem;color:#8b5cf6;font-weight:700}.personality-traits.svelte-10q28xp{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.trait.svelte-10q28xp{background:#8b5cf633;color:#c4b5fd;padding:.75rem 1.5rem;border-radius:2rem;font-size:1.4rem;border:1px solid rgba(139,92,246,.3)}.stat-box.svelte-10q28xp{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.stat.svelte-10q28xp{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:1rem}.stat-number.svelte-10q28xp{display:block;font-size:3rem;font-weight:900;color:#8b5cf6}.stat-label.svelte-10q28xp{display:block;font-size:1.2rem;color:#a1a1aa;margin-top:.5rem}.warning-box.svelte-10q28xp{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.warning-icon.svelte-10q28xp{font-size:3rem}.decision-impact.svelte-10q28xp{display:grid;gap:1rem;margin:2rem 0}.impact-item.svelte-10q28xp{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem}.impact-item.negative.svelte-10q28xp{background:#ef44441a}.impact-item.positive.svelte-10q28xp{background:#34d3991a}.impact-item.svelte-10q28xp span:where(.svelte-10q28xp){font-size:2rem}.impact-item.svelte-10q28xp p:where(.svelte-10q28xp){margin:0;font-size:1.6rem}.language-showcase.svelte-10q28xp{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.language-card.svelte-10q28xp{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.language-card.svelte-10q28xp:hover{transform:translateY(-5px);background:#ffffff1a}.language-card.svelte-10q28xp .flag:where(.svelte-10q28xp){font-size:3rem;display:block;margin-bottom:.5rem}.language-card.svelte-10q28xp .lang-name:where(.svelte-10q28xp){display:block;font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:inherit}.language-card.svelte-10q28xp .level:where(.svelte-10q28xp){display:block;font-size:1.2rem;color:#a1a1aa}.language-card.native.svelte-10q28xp{background:#8b5cf633;border-color:#8b5cf666}.language-card.fluent.svelte-10q28xp{background:#34d39933;border-color:#34d39966}.language-card.good.svelte-10q28xp{background:#34d39926;border-color:#34d3994d}.language-card.okay.svelte-10q28xp{background:#fbbf2433;border-color:#fbbf2466}.language-card.trying-hard.svelte-10q28xp{background:#ef444433;border-color:#ef444466}.expand-btn.svelte-10q28xp{background:transparent;border:2px solid rgba(255,255,255,.2);color:#a1a1aa;padding:.75rem 1.5rem;border-radius:9999px;font-size:1.4rem;cursor:pointer;margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;font-family:inherit}.expand-btn.svelte-10q28xp:hover{border-color:#8b5cf680;color:#c4b5fd;transform:translateY(-2px)}.expand-icon.svelte-10q28xp{display:inline-block;font-size:1.8rem;font-weight:700;transition:transform .3s ease}.expanded-content.svelte-10q28xp{margin-top:2rem;padding:2rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.expanded-content.svelte-10q28xp p:where(.svelte-10q28xp){margin-bottom:1rem}.expanded-content.svelte-10q28xp p:where(.svelte-10q28xp):last-child{margin-bottom:0}.journey-timeline.svelte-10q28xp{display:flex;gap:2rem;margin:2rem 0;position:relative}.timeline-item.svelte-10q28xp{flex:1;text-align:center;position:relative}.timeline-item.svelte-10q28xp .age:where(.svelte-10q28xp){display:block;font-size:3rem;font-weight:900;color:#8b5cf6;margin-bottom:.5rem}.timeline-item.special.svelte-10q28xp{flex:2;background:#8b5cf61a;padding:1rem;border-radius:1rem}.soccer-story.svelte-10q28xp{display:grid;gap:1.5rem;margin-top:2rem}.story-card.svelte-10q28xp{background:#ffffff0d;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.story-card.svelte-10q28xp h3:where(.svelte-10q28xp){font-size:1.8rem;margin-bottom:.5rem;color:#34d399}.highlight-card.svelte-10q28xp{background:#ef44441a;border-color:#ef44444d}.highlight-card.svelte-10q28xp h3:where(.svelte-10q28xp){color:#f87171}.skill-evolution.svelte-10q28xp{display:flex;align-items:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.skill-item.svelte-10q28xp{flex:1;text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:1rem;min-width:150px}.skill-item.current.svelte-10q28xp{background:#8b5cf633;border:2px solid rgba(139,92,246,.4)}.skill-item.svelte-10q28xp .icon:where(.svelte-10q28xp){font-size:3rem;display:block;margin-bottom:.5rem}.skill-item.svelte-10q28xp p:where(.svelte-10q28xp){margin:0;font-size:1.4rem}.arrow.svelte-10q28xp{font-size:2rem;color:#8b5cf6}.future-goals.svelte-10q28xp{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2rem 0}.goal-card.svelte-10q28xp{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.goal-card.svelte-10q28xp:hover{transform:translateY(-5px);border-color:#8b5cf666;background:#8b5cf61a}.goal-card.svelte-10q28xp .icon:where(.svelte-10q28xp){font-size:4rem;display:block;margin-bottom:1rem}.goal-card.svelte-10q28xp h3:where(.svelte-10q28xp){font-size:2rem;margin-bottom:.5rem;color:inherit}.goal-card.svelte-10q28xp p:where(.svelte-10q28xp){font-size:1.4rem;color:#a1a1aa;margin:0}.conclusion.svelte-10q28xp{padding:10rem 2rem;background:linear-gradient(180deg,#0a0a0a,#1e1b4b);text-align:center}.conclusion-content.svelte-10q28xp{max-width:800px;margin:0 auto}.conclusion.svelte-10q28xp h2:where(.svelte-10q28xp){font-size:4rem;font-weight:900;margin-bottom:2rem;color:inherit}.conclusion.svelte-10q28xp p:where(.svelte-10q28xp){font-size:1.9rem;line-height:1.6;color:#e4e4e7;margin-bottom:2rem}.final-cta.svelte-10q28xp{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:1.5rem 3rem;border-radius:9999px;font-size:1.8rem;font-weight:700;text-decoration:none;margin-top:3rem;transition:all .3s ease;box-shadow:0 20px 40px #8b5cf64d}.final-cta.svelte-10q28xp:hover{transform:translateY(-3px);box-shadow:0 25px 50px #8b5cf666}.final-cta.svelte-10q28xp .arrow:where(.svelte-10q28xp){transition:transform .3s ease;color:#fff}.final-cta.svelte-10q28xp:hover .arrow:where(.svelte-10q28xp){transform:translate(5px)}.emphasis.svelte-10q28xp{color:#fbbf24;font-weight:600}.fun-note.svelte-10q28xp{background:#8b5cf61a;padding:1rem 1.5rem;border-radius:.5rem;margin-top:1rem;font-size:1.6rem;border-left:3px solid #8b5cf6}.disclaimer.svelte-10q28xp{background:#fbbf241a;padding:1.5rem;border-radius:.5rem;margin-top:2rem;font-size:1.6rem;border-left:3px solid #fbbf24}.heartfelt.svelte-10q28xp{font-size:1.8rem;color:#ec4899;font-style:italic;margin-top:2rem}@keyframes svelte-10q28xp-float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}@keyframes svelte-10q28xp-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes svelte-10q28xp-wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes svelte-10q28xp-morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}@keyframes svelte-10q28xp-bounce{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(10px) rotate(45deg)}}@media (max-width: 768px){.hero-content.svelte-10q28xp{grid-template-columns:1fr;text-align:center}.profile-img.svelte-10q28xp{width:300px;height:300px}.content-grid.svelte-10q28xp{grid-template-columns:1fr;gap:2rem}.reverse.svelte-10q28xp .content-grid:where(.svelte-10q28xp){direction:ltr}.visual-content.svelte-10q28xp{order:-1}.text-content.svelte-10q28xp h2:where(.svelte-10q28xp){font-size:2.5rem}.language-showcase.svelte-10q28xp{grid-template-columns:repeat(2,1fr)}.stat-box.svelte-10q28xp{grid-template-columns:repeat(3,1fr);gap:1rem}.journey-timeline.svelte-10q28xp,.skill-evolution.svelte-10q28xp{flex-direction:column}.arrow.svelte-10q28xp{transform:rotate(90deg)}.future-goals.svelte-10q28xp{grid-template-columns:1fr}}