@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary: #00b8ff;--primary-hover: #0099d6;--text-main: #111111;--text-secondary: #666666;--bg-main: #ffffff;--bg-secondary: #f7f7f7;--border-color: #e5e5e5;--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-main);line-height:1.3}.container{max-width:1040px;margin:0 auto;padding:0 24px}.section{padding:60px 0;border-bottom:1px solid var(--border-color)}.section:last-child{border-bottom:none}.section-title{font-size:28px;margin-bottom:32px;color:var(--primary);display:inline-block;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background-color:#00b8ff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal-hidden{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-visible{opacity:1;transform:translateY(0)}.text-primary{color:var(--primary)}.font-bold{font-weight:700}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;background-color:transparent;transition:all .3s ease;z-index:100}.navbar.scrolled{background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000000d}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.nav-logo{display:flex;align-items:center;cursor:pointer;gap:12px}.nav-icon{width:32px;height:32px}.nav-title{font-size:18px;font-weight:800;color:var(--text-main);letter-spacing:1px}.nav-links{display:none;gap:24px}@media (min-width: 768px){.nav-links{display:flex}}.nav-links button{font-size:15px;font-weight:600;color:var(--text-secondary);transition:color .2s;padding:8px 0}.nav-links button:hover{color:var(--primary)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);position:relative;overflow:hidden;padding-top:70px}.hero-container{text-align:center;width:100%;max-width:1200px}.hero-title{font-size:5vw;font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:40px;color:var(--text-main)}@media (min-width: 1200px){.hero-title{font-size:72px}}@media (max-width: 768px){.hero-title{font-size:36px}}.hero-title .line{display:inline-block;opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.hero-title.visible .line{opacity:1;transform:translateY(0)}.hero-title .line:nth-child(1){transition-delay:.1s}.hero-title .line:nth-child(3){transition-delay:.3s}.hero-title .line:nth-child(5){transition-delay:.5s}.hero-title .highlight{color:var(--primary)}.hero-subtitle{font-size:20px;color:var(--text-secondary);line-height:1.6;opacity:0;transform:translateY(20px);transition:opacity 1s ease .8s,transform 1s ease .8s;font-weight:500}.hero-subtitle.visible{opacity:1;transform:translateY(0)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeInIndicator 2s ease 1.5s forwards}@keyframes fadeInIndicator{to{opacity:1}}.mouse{width:24px;height:36px;border:2px solid var(--text-secondary);border-radius:12px;position:relative}.mouse:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:6px;background-color:var(--text-secondary);border-radius:2px;animation:scrollDrop 1.5s infinite}@keyframes scrollDrop{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,12px);opacity:0}}.stats-section{padding:100px 0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);overflow:hidden}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:40px;padding:0 24px}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.stat-item{text-align:center;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.stat-item.visible{opacity:1;transform:translateY(0)}.stat-number-wrapper{margin-bottom:16px;display:flex;justify-content:center;align-items:baseline;gap:4px}.stat-number{font-size:80px;font-weight:900;color:var(--primary);line-height:1;letter-spacing:-2px}.stat-suffix{font-size:32px;font-weight:700;color:var(--primary)}.stat-text{font-size:18px;font-weight:600;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.stat-number{font-size:60px}.stat-suffix{font-size:24px}}.header{background-color:var(--bg-main);padding:40px 0;border-bottom:none}.name{font-size:42px;margin-bottom:8px}.role{font-size:20px;color:var(--primary);font-weight:600;margin-bottom:24px}.contact-info{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;font-size:16px;color:var(--text-secondary);background:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #0000000d;transition:transform .2s}.contact-item:hover{transform:translateY(-2px);color:var(--primary)}.summary{font-size:16px;line-height:1.8;color:var(--text-main);background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #0000000d}.summary p{margin-bottom:16px}.summary p:last-child{margin-bottom:0}.action-buttons{margin-top:32px}.competencies-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.competencies-grid{grid-template-columns:1fr 1fr}}.competency-card{background:var(--bg-secondary);padding:24px;border-radius:12px;border-left:4px solid var(--primary);transition:transform .2s,box-shadow .2s}.competency-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.competency-title{font-size:18px;margin-bottom:16px;color:var(--text-main)}.competency-list{list-style-type:none}.competency-list li{position:relative;padding-left:16px;margin-bottom:8px;font-size:15px;color:var(--text-secondary);line-height:1.5}.competency-list li:before{content:"•";position:absolute;left:0;color:var(--primary)}.motivation-section{background-color:var(--bg-main)}.motivation-card{margin-bottom:32px;padding:32px;background:var(--bg-secondary);border:1px solid var(--border-color)}.motivation-card:last-child{margin-bottom:0}.motivation-subtitle{font-size:20px;color:var(--primary);margin-bottom:16px;display:flex;align-items:center}.quote-mark{font-size:32px;line-height:0;margin-right:8px;color:var(--primary);opacity:.5;font-family:serif}.motivation-card p{color:var(--text-main);margin-bottom:12px;line-height:1.7}.motivation-card p:last-child{margin-bottom:0}.experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.total-exp{font-weight:600;color:var(--primary);background:#00b8ff1a;padding:4px 12px;border-radius:16px;font-size:14px}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background-color:var(--border-color)}.timeline-item{position:relative;margin-bottom:48px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-32px;top:6px;width:24px;height:24px;border-radius:50%;background-color:#fff;border:4px solid var(--primary);z-index:1}.exp-header{margin-bottom:16px}.company-name{font-size:22px;color:var(--text-main);display:inline-block;margin-right:12px}.exp-role{font-size:16px;color:var(--primary);font-weight:600;margin-right:12px}.exp-period{font-size:14px;color:var(--text-secondary)}.exp-details{background:var(--bg-secondary);padding:24px;border-radius:12px}.detail-group{margin-bottom:20px}.detail-group:last-child{margin-bottom:0}.detail-group h4{font-size:15px;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center}.detail-group h4:before{content:"";display:inline-block;width:4px;height:12px;background-color:var(--primary);margin-right:8px;border-radius:2px}.detail-group ul{list-style:none}.detail-group li{position:relative;padding-left:16px;margin-bottom:8px;font-size:15px;color:var(--text-secondary);line-height:1.6}.detail-group li:before{content:"-";position:absolute;left:0;color:var(--text-secondary)}.highlight-text{font-weight:600;color:var(--text-main)}.tools-group p{font-size:14px;color:var(--text-secondary);background:#fff;padding:8px 12px;border-radius:6px;border:1px solid var(--border-color)}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:32px;box-shadow:0 4px 12px #00000005;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.project-card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-4px)}.project-card-header{margin-bottom:24px}.project-period{font-size:14px;color:var(--text-secondary);display:block;margin-bottom:8px}.project-title{font-size:22px;color:var(--text-main);line-height:1.4}.project-summary-list{list-style:none;flex-grow:1;margin-bottom:32px}.project-summary-list li{position:relative;padding-left:16px;margin-bottom:16px;font-size:15px;color:var(--text-secondary);line-height:1.6}.project-summary-list li:before{content:"•";position:absolute;left:0;color:#00c853;font-weight:700}.project-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.view-details-btn{font-size:15px;font-weight:700;color:var(--text-main);display:flex;align-items:center;transition:color .2s}.view-details-btn:hover{color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-main);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;padding:40px;animation:modalPopIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn{position:absolute;top:24px;right:24px;font-size:28px;color:var(--text-secondary);line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-main)}.modal-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.modal-period{font-size:14px;color:var(--primary);font-weight:600;display:block;margin-bottom:8px}.modal-title{font-size:28px}.modal-body h4{font-size:20px;margin-bottom:16px;color:var(--text-main)}.story-section{margin-bottom:0}.story-section p{margin-bottom:12px;color:var(--text-main);line-height:1.7}.modal-section-group{background:var(--bg-secondary);padding:24px;border-radius:12px;margin-bottom:40px}.modal-subsection{margin-bottom:24px}.modal-subsection:last-child{margin-bottom:0}.label{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;margin-bottom:12px}.label.problem{background:#fff0f0;color:#d32f2f}.label.action{background:#f0f7ff;color:var(--primary)}.label.result{background:#f0fdf4;color:#2e7d32}.modal-subsection p{color:var(--text-main);line-height:1.6}.edu-block{margin-bottom:40px}.edu-block:last-child{margin-bottom:0}.edu-type{font-size:20px;color:var(--primary);margin-bottom:20px;border-bottom:2px solid var(--border-color);padding-bottom:8px}.edu-item{margin-bottom:24px}.edu-item:last-child{margin-bottom:0}.edu-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.edu-title{font-size:18px;color:var(--text-main)}.edu-period{font-size:14px;color:var(--text-secondary)}.edu-details{font-size:15px;color:var(--text-secondary);font-weight:600;margin-bottom:12px}.edu-desc{list-style:none;padding-left:16px}.edu-desc li{position:relative;font-size:14px;color:var(--text-secondary);margin-bottom:6px;line-height:1.5}.edu-desc li:before{content:"-";position:absolute;left:-16px;color:var(--text-secondary)}.footer{padding:40px 0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;margin-top:80px}.footer-notice{font-size:14px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.footer-copyright{font-size:12px;color:#999;letter-spacing:.5px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:90;box-shadow:0 4px 12px #00b8ff4d}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--primary-hover);transform:translateY(-5px);box-shadow:0 6px 16px #00b8ff66}.scroll-to-top svg{width:24px;height:24px}