#app{min-height:100vh;width:100%}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:12px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.satotatsuPortfolio[data-v-57177384]{min-height:100vh;background:#f8fafc}.navigation[data-v-57177384]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.navContainer[data-v-57177384]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:center;align-items:center}.navTitle[data-v-57177384]{font-weight:600;color:#2d3748;font-size:1.2rem;display:inline-flex;align-items:center;gap:4px;letter-spacing:.2px;position:relative;padding:0;background:transparent;box-shadow:none}.navTitle[data-v-57177384]:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:linear-gradient(90deg,#0f172a,#334155,#64748b);border-radius:2px;transition:width .5s ease}.navTitle.completed[data-v-57177384]:after{width:100%}.navTitleText[data-v-57177384]{background:linear-gradient(90deg,#0f172a,#334155,#64748b);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.4px}.navTitleCaret[data-v-57177384]{width:10px;height:1.2em;border-right:2px solid #334155;animation:caretBlink-57177384 1s steps(1,end) infinite}.navTitleCaret.completed[data-v-57177384]{animation-duration:1.4s}@keyframes caretBlink-57177384{0%,49%{opacity:1}50%,to{opacity:0}}.heroSection[data-v-57177384]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0}.heroContainer[data-v-57177384]{max-width:1200px;margin:0 auto;padding:0 2rem}.heroContent[data-v-57177384]{display:flex;align-items:center;gap:3rem}.profileImage[data-v-57177384]{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 20px 40px #0000004d;flex-shrink:0}.profileImage img[data-v-57177384]{width:100%;height:100%;object-fit:cover}.heroText[data-v-57177384]{flex:1}.heroTitle[data-v-57177384]{font-size:3rem;font-weight:700;margin-bottom:.5rem}.heroSubtitle[data-v-57177384]{font-size:1.5rem;font-weight:300;margin-bottom:1rem;opacity:.9}.heroDescription[data-v-57177384]{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.heroActions[data-v-57177384]{display:flex;gap:1rem}.contactButton[data-v-57177384]{padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.contactButton[data-v-57177384]:hover{background:#ffffff4d;transform:translateY(-2px)}.container[data-v-57177384]{max-width:1200px;margin:0 auto;padding:0 2rem}.sectionTitle[data-v-57177384]{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#2d3748}.skillsSection[data-v-57177384]{padding:4rem 0;background:#fff}.skillsGrid[data-v-57177384]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skillCategory[data-v-57177384]{background:#f7fafc;border-radius:15px;padding:2rem}.categoryTitle[data-v-57177384]{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#2d3748}.skillItem[data-v-57177384]{margin-bottom:1.5rem}.skillInfo[data-v-57177384]{display:flex;justify-content:space-between;margin-bottom:.5rem}.skillName[data-v-57177384]{font-weight:500;color:#4a5568}.skillLevel[data-v-57177384]{font-weight:600;color:#667eea}.skillBar[data-v-57177384]{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.skillProgress[data-v-57177384]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width 1s ease}.projectsSection[data-v-57177384]{padding:4rem 0;background:#f8fafc}.projectsGrid[data-v-57177384]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.projectCard[data-v-57177384]{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.projectCard[data-v-57177384]:hover{transform:translateY(-5px)}.projectImage[data-v-57177384]{height:200px;overflow:hidden}.projectImage img[data-v-57177384]{width:100%;height:100%;object-fit:cover}.projectContent[data-v-57177384]{padding:1.5rem}.projectTitle[data-v-57177384]{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.projectDescription[data-v-57177384]{color:#4a5568;line-height:1.6;margin-bottom:1rem}.projectTech[data-v-57177384]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.techTag[data-v-57177384]{background:#e2e8f0;color:#4a5568;padding:.25rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.projectLinks[data-v-57177384]{display:flex;gap:1rem}.projectLink[data-v-57177384]{padding:.5rem 1rem;border-radius:20px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.projectLink.demo[data-v-57177384]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.projectLink.github[data-v-57177384]{background:#2d3748;color:#fff}.projectLink[data-v-57177384]:hover{transform:translateY(-2px)}.experienceSection[data-v-57177384]{padding:4rem 0;background:#fff}.timeline[data-v-57177384]{max-width:800px;margin:0 auto;position:relative}.timeline[data-v-57177384]:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e2e8f0}.timelineItem[data-v-57177384]{position:relative;padding-left:60px;margin-bottom:3rem}.timelineDot[data-v-57177384]{position:absolute;left:11px;top:0;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid white;box-shadow:0 2px 8px #0000001a}.timelinePeriod[data-v-57177384]{color:#667eea;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.timelineTitle[data-v-57177384]{font-size:1.3rem;font-weight:600;margin-bottom:.25rem;color:#2d3748}.timelineCompany[data-v-57177384]{color:#4a5568;font-weight:500;margin-bottom:.5rem}.timelineDescription[data-v-57177384]{color:#4a5568;line-height:1.6}.certificationsSection[data-v-57177384]{padding:4rem 0;background:#f8fafc}.certificationsGrid[data-v-57177384]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.certificationCard[data-v-57177384]{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;display:flex;align-items:flex-start;gap:1.5rem}.certificationCard[data-v-57177384]:hover{transform:translateY(-5px)}.certificationIcon[data-v-57177384]{font-size:3rem;flex-shrink:0}.certificationContent[data-v-57177384]{flex:1}.certificationName[data-v-57177384]{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.certificationOrganization[data-v-57177384]{color:#667eea;font-weight:500;margin-bottom:.5rem}.certificationDate[data-v-57177384]{color:#4a5568;font-size:.9rem;margin-bottom:1rem}.certificationDescription[data-v-57177384]{color:#4a5568;line-height:1.6;font-size:.95rem}.footer[data-v-57177384]{background:#2d3748;color:#fff;padding:2rem 0;text-align:center}.footerText[data-v-57177384]{opacity:.8}@media (max-width: 768px){.navContainer[data-v-57177384]{padding:1rem}.heroContent[data-v-57177384]{flex-direction:column;text-align:center;gap:2rem}.profileImage[data-v-57177384]{width:150px;height:150px}.heroTitle[data-v-57177384]{font-size:2rem}.heroSubtitle[data-v-57177384]{font-size:1.2rem}.heroActions[data-v-57177384]{justify-content:center;flex-wrap:wrap}.container[data-v-57177384]{padding:0 1rem}.sectionTitle[data-v-57177384]{font-size:2rem}.skillsGrid[data-v-57177384],.projectsGrid[data-v-57177384]{grid-template-columns:1fr}.timeline[data-v-57177384]:before{left:15px}.timelineItem[data-v-57177384]{padding-left:50px}.timelineDot[data-v-57177384]{left:6px}.certificationsGrid[data-v-57177384]{grid-template-columns:1fr}.certificationCard[data-v-57177384]{padding:1.5rem}.certificationIcon[data-v-57177384]{font-size:2.5rem}}@media (max-width: 480px){.heroTitle[data-v-57177384],.sectionTitle[data-v-57177384]{font-size:1.8rem}.projectContent[data-v-57177384]{padding:1rem}.projectLinks[data-v-57177384]{flex-direction:column}}@keyframes fadeIn-57177384{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp-57177384{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn-57177384{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scaleInX-57177384{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.heroSection .profileImage[data-v-57177384]{animation:popIn-57177384 .6s ease-out both}.heroSection .heroText[data-v-57177384]{animation:fadeInUp-57177384 .7s ease-out .12s both}.sectionTitle[data-v-57177384]{animation:fadeInUp-57177384 .6s ease-out both}.skillsGrid .skillCategory[data-v-57177384]{opacity:0}.skillsGrid .skillCategory.isVisible[data-v-57177384]{animation:fadeInUp-57177384 .42s ease-out both}.skillsGrid .skillCategory[data-v-57177384]:nth-child(1){animation-delay:60ms}.skillsGrid .skillCategory[data-v-57177384]:nth-child(2){animation-delay:.12s}.skillsGrid .skillCategory[data-v-57177384]:nth-child(3){animation-delay:.18s}.skillsGrid .skillCategory[data-v-57177384]:nth-child(4){animation-delay:.24s}.skillsGrid .skillCategory[data-v-57177384]:nth-child(5){animation-delay:.3s}.skillsGrid .skillCategory[data-v-57177384]:nth-child(6){animation-delay:.36s}.skillProgress[data-v-57177384]{transform:scaleX(0);transform-origin:left center;will-change:transform}.skillItem.isVisible .skillProgress[data-v-57177384]{animation:scaleInX-57177384 .7s ease-out .12s both}.projectsGrid .projectCard[data-v-57177384]{opacity:0}.projectsGrid .projectCard.isVisible[data-v-57177384]{animation:fadeInUp-57177384 .42s ease-out both}.projectsGrid .projectCard[data-v-57177384]:nth-child(1){animation-delay:80ms}.projectsGrid .projectCard[data-v-57177384]:nth-child(2){animation-delay:.16s}.projectsGrid .projectCard[data-v-57177384]:nth-child(3){animation-delay:.24s}.projectsGrid .projectCard[data-v-57177384]:nth-child(4){animation-delay:.32s}.projectsGrid .projectCard[data-v-57177384]:nth-child(5){animation-delay:.4s}.projectsGrid .projectCard[data-v-57177384]:nth-child(6){animation-delay:.48s}.timeline .timelineItem[data-v-57177384]{opacity:0}.timeline .timelineItem.isVisible[data-v-57177384]{animation:fadeInUp-57177384 .42s ease-out both}.timeline .timelineItem[data-v-57177384]:nth-child(1){animation-delay:80ms}.timeline .timelineItem[data-v-57177384]:nth-child(2){animation-delay:.16s}.timeline .timelineItem[data-v-57177384]:nth-child(3){animation-delay:.24s}.timeline .timelineItem[data-v-57177384]:nth-child(4){animation-delay:.32s}.timeline .timelineItem[data-v-57177384]:nth-child(5){animation-delay:.4s}.timeline .timelineItem[data-v-57177384]:nth-child(6){animation-delay:.48s}.timeline .timelineDot[data-v-57177384]{animation:popIn-57177384 .5s ease-out .14s both}.certificationsGrid .certificationCard[data-v-57177384]{opacity:0}.certificationsGrid .certificationCard.isVisible[data-v-57177384]{animation:fadeInUp-57177384 .42s ease-out both}.certificationsGrid .certificationCard[data-v-57177384]:nth-child(1){animation-delay:80ms}.certificationsGrid .certificationCard[data-v-57177384]:nth-child(2){animation-delay:.16s}.certificationsGrid .certificationCard[data-v-57177384]:nth-child(3){animation-delay:.24s}.certificationsGrid .certificationCard[data-v-57177384]:nth-child(4){animation-delay:.32s}@media (prefers-reduced-motion: reduce){[data-v-57177384]{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:0s!important}}.notFound[data-v-99fd5d92]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem 0}.container[data-v-99fd5d92]{max-width:800px;margin:0 auto;padding:0 2rem}.content[data-v-99fd5d92]{background:#fffffff2;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.errorCode[data-v-99fd5d92]{font-size:8rem;font-weight:700;color:#667eea;line-height:1;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.1)}.title[data-v-99fd5d92]{font-size:2.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.description[data-v-99fd5d92]{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:3rem}.portfolioLinks[data-v-99fd5d92]{margin-bottom:2rem}.linksTitle[data-v-99fd5d92]{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.linksList[data-v-99fd5d92]{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.portfolioLink[data-v-99fd5d92]{display:flex;align-items:center;padding:1.5rem;background:#f7fafc;border-radius:15px;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.portfolioLink[data-v-99fd5d92]:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.portfolioLink.vue[data-v-99fd5d92]{border-color:#667eea}.portfolioLink.vue[data-v-99fd5d92]:hover{border-color:#667eea;box-shadow:0 10px 20px #667eea33}.portfolioLink.static[data-v-99fd5d92]{border-color:#48bb78}.portfolioLink.static[data-v-99fd5d92]:hover{border-color:#48bb78;box-shadow:0 10px 20px #48bb7833}.linkIcon[data-v-99fd5d92]{font-size:2rem;margin-right:1rem}.linkContent[data-v-99fd5d92]{text-align:left;flex:1}.linkContent h3[data-v-99fd5d92]{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:.25rem}.linkContent p[data-v-99fd5d92]{color:#4a5568;font-size:.9rem}.additionalInfo[data-v-99fd5d92]{padding-top:2rem;border-top:1px solid #e2e8f0}.additionalInfo p[data-v-99fd5d92]{color:#718096;font-size:.9rem;font-style:italic}@media (max-width: 768px){.container[data-v-99fd5d92]{padding:0 1rem}.content[data-v-99fd5d92]{padding:2rem}.errorCode[data-v-99fd5d92]{font-size:6rem}.title[data-v-99fd5d92]{font-size:2rem}.description[data-v-99fd5d92]{font-size:1rem}.portfolioLink[data-v-99fd5d92]{padding:1rem}.linkIcon[data-v-99fd5d92]{font-size:1.5rem}}@media (max-width: 480px){.errorCode[data-v-99fd5d92]{font-size:4rem}.title[data-v-99fd5d92]{font-size:1.5rem}.linksList[data-v-99fd5d92]{gap:.75rem}.portfolioLink[data-v-99fd5d92]{flex-direction:column;text-align:center;padding:1rem}.linkIcon[data-v-99fd5d92]{margin-right:0;margin-bottom:.5rem}.linkContent[data-v-99fd5d92]{text-align:center}}