:root{--bg-primary:#0a192f;--bg-secondary:#112240;--bg-tertiary:#1d3461;--text-primary:#ccd6f6;--text-secondary:#8892b0;--text-bright:#e6f1ff;--accent:#64ffda;--accent-dim:#64ffda1a;--accent-hover:#64ffda12;--font-sans:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--max-width:1100px;--nav-height:70px;--transition:all .25s cubic-bezier(.645, .045, .355, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-primary)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--accent)}::selection{color:var(--text-bright);background:#64ffda4d}section{padding:100px 0}.section-heading{color:var(--text-bright);white-space:nowrap;align-items:center;gap:12px;margin-bottom:50px;font-size:28px;font-weight:700;display:flex}.section-heading .number{font-family:var(--font-mono);color:var(--accent);font-size:18px;font-weight:400}.section-heading:after{content:"";background:var(--bg-tertiary);width:100%;max-width:300px;height:1px;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 50px}@media (width<=768px){.container{padding:0 25px}section{padding:60px 0}.section-heading{font-size:22px}}.header{z-index:100;height:var(--nav-height);transition:var(--transition);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192fd9;box-shadow:0 10px 30px -10px #020c1bb3}.header__nav{justify-content:space-between;align-items:center;width:100%;display:flex}.header__logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:-1px;font-size:20px;font-weight:600}.header__logo-bracket{color:var(--accent)}.header__links{gap:32px;list-style:none;display:flex}.header__links a{font-family:var(--font-mono);color:var(--text-primary);transition:var(--transition);font-size:13px}.header__links a:hover{color:var(--accent)}.header__link-number{color:var(--accent);margin-right:4px;font-size:12px}.header__hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;gap:6px;padding:4px;display:none}.header__hamburger span{background:var(--accent);width:28px;height:2px;transition:var(--transition);transform-origin:50%;display:block}.header__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,6px)}.header__hamburger--open span:nth-child(2){opacity:0}.header__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.header__mobile-overlay{z-index:105;background:#0a192fb3;position:fixed;inset:0}.header__mobile-menu{background:var(--bg-secondary);align-items:center;width:70vw;max-width:320px;height:100vh;padding:80px 40px;display:flex;position:fixed;top:0;right:0}.header__mobile-menu ul{flex-direction:column;gap:28px;list-style:none;display:flex}.header__mobile-menu a{font-family:var(--font-mono);color:var(--text-primary);font-size:16px}.header__mobile-menu a:hover{color:var(--accent)}@media (width<=768px){.header__links{display:none}.header__hamburger{display:flex}}.hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex}.hero__container{max-width:900px}.hero__greeting{font-family:var(--font-mono);color:var(--accent);margin-bottom:20px;font-size:16px}.hero__name{color:var(--text-bright);margin-bottom:8px;font-size:clamp(40px,8vw,72px);font-weight:800;line-height:1.1}.hero__title{color:var(--text-secondary);margin-bottom:24px;font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.1}.hero__description{max-width:540px;color:var(--text-secondary);margin-bottom:40px;font-size:17px;line-height:1.8}.hero__cta{flex-wrap:wrap;gap:16px;display:flex}.hero__btn{font-family:var(--font-mono);cursor:pointer;transition:var(--transition);border-radius:6px;padding:16px 32px;font-size:14px;display:inline-block}.hero__btn--primary{border:1px solid var(--accent);color:var(--accent);background:0 0}.hero__btn--primary:hover{background:var(--accent-dim)}.hero__btn--secondary{border:1px solid var(--text-secondary);color:var(--text-secondary);background:0 0}.hero__btn--secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-hover)}@media (width<=480px){.hero__description{font-size:15px}.hero__btn{padding:14px 24px;font-size:13px}}.about__intro{color:var(--text-secondary);max-width:700px;margin-bottom:36px;font-size:17px;line-height:1.9}.about__education{margin-bottom:40px}.about__edu-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);transition:var(--transition);border-radius:8px;padding:20px 28px;display:inline-block}.about__edu-card:hover{border-color:var(--accent);transform:translateY(-2px)}.about__edu-label{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:12px}.about__edu-school{color:var(--text-bright);margin-top:6px;font-size:18px;font-weight:700}.about__edu-major{color:var(--text-secondary);margin-top:2px;font-size:14px}.about__edu-period{font-family:var(--font-mono);color:var(--text-secondary);margin-top:8px;font-size:12px}.about__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.about__card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);transition:var(--transition);cursor:default;border-radius:8px;padding:28px 24px}.about__card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px -15px #020c1bb3}.about__card-icon{color:var(--accent);margin-bottom:16px;font-size:28px}.about__card-title{color:var(--text-bright);margin-bottom:10px;font-size:16px;font-weight:600}.about__card-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}@media (width<=600px){.about__grid{grid-template-columns:1fr}}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}.skills__group{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);transition:var(--transition);border-radius:8px;padding:28px 24px}.skills__group:hover{border-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 10px 30px -15px #020c1bb3}.skills__category{font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:16px;font-size:15px;font-weight:600}.skills__tags{flex-wrap:wrap;gap:8px;display:flex}.skills__tag{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--bg-tertiary);transition:var(--transition);cursor:default;border-radius:4px;padding:6px 12px;font-size:12px}.skills__tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}@media (width<=600px){.skills__grid{grid-template-columns:1fr}}.modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0a192fd9;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0}.modal__container{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;border-radius:12px;width:100%;max-width:720px;max-height:80vh;padding:40px;position:relative;overflow-y:auto}.modal__container::-webkit-scrollbar{width:6px}.modal__container::-webkit-scrollbar-track{background:0 0}.modal__container::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.modal__close{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:24px;display:flex;position:absolute;top:16px;right:16px}.modal__close:hover{color:var(--accent);background:var(--accent-dim)}.modal__header{border-bottom:1px solid var(--bg-tertiary);margin-bottom:32px;padding-bottom:24px}.modal__company{color:var(--text-bright);font-size:28px;font-weight:700}.modal__company-desc{color:var(--text-secondary);margin-top:4px;font-size:15px}.modal__meta{font-family:var(--font-mono);align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.modal__period{color:var(--accent)}.modal__divider{color:var(--bg-tertiary)}.modal__position,.modal__role{color:var(--text-secondary)}.modal__category{margin-bottom:28px}.modal__cat-title{color:var(--accent);border-left:3px solid var(--accent);margin-bottom:16px;padding-left:12px;font-size:16px;font-weight:600}.modal__project{background:var(--bg-primary);border-radius:8px;margin-bottom:14px;padding:20px}.modal__project-title{color:var(--text-bright);margin-bottom:10px;font-size:15px;font-weight:600}.modal__project-desc{padding:0;list-style:none}.modal__project-desc li{color:var(--text-secondary);padding-left:16px;font-size:14px;line-height:1.8;position:relative}.modal__project-desc li:before{content:"▹";color:var(--accent);position:absolute;left:0}.modal__contribution{font-family:var(--font-mono);color:var(--text-secondary);margin-top:10px;font-size:12px}.modal__label{color:var(--accent)}.modal__tech-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.modal__tech-tag{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:3px 10px;font-size:11px}@media (width<=768px){.modal__overlay{padding:20px 12px}.modal__container{max-height:85vh;padding:28px 20px}.modal__company{font-size:22px}.modal__meta{flex-wrap:wrap;font-size:12px}}.career__subtitle{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:50px;font-size:14px}.career__timeline{padding:20px 0;position:relative}.career__line{background:var(--bg-tertiary);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.career__item{width:50%;padding:0 40px 60px;position:relative}.career__item--left{text-align:right;padding-right:60px;left:0}.career__item--right{text-align:left;padding-left:10px;padding-right:75px;left:50%}.career__dot{background:var(--bg-primary);border:2px solid var(--accent);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;top:8px}.career__item--left .career__dot{right:-7px}.career__item--right .career__dot{left:-7px}.career__card{all:unset;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);cursor:pointer;transition:var(--transition);text-align:left;border-radius:8px;width:100%;padding:24px;display:block}.career__item--left .career__card{text-align:right}.career__card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px -15px #020c1bb3}.career__card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.career__period{font-family:var(--font-mono);color:var(--accent);font-size:12px}.career__company{color:var(--text-bright);margin-top:4px;font-size:20px;font-weight:700}.career__position{color:var(--text-secondary);margin-top:4px;font-size:13px}.career__desc{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.6}.career__tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.career__item--left .career__tags{justify-content:flex-end}.career__tag{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:3px 10px;font-size:11px}.career__more{font-family:var(--font-mono);color:var(--accent);opacity:0;transition:var(--transition);margin-top:12px;font-size:12px;display:inline-block}.career__card:hover .career__more{opacity:1}@media (width<=768px){.career__line{left:20px}.career__item,.career__item--left,.career__item--right{text-align:left;width:100%;padding:0 0 40px 50px;left:0}.career__item--left .career__card{text-align:left}.career__item--left .career__tags{justify-content:flex-start}.career__dot,.career__item--left .career__dot,.career__item--right .career__dot{left:13px;right:auto}}#contact{padding:120px 0 80px}.contact__inner{text-align:center;max-width:600px;margin:0 auto}.contact__overline{font-family:var(--font-mono);color:var(--accent);margin-bottom:16px;font-size:14px}.contact__title{color:var(--text-bright);margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700}.contact__desc{color:var(--text-secondary);margin-bottom:36px;font-size:16px;line-height:1.8}.contact__links{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:40px;display:flex}.contact__link{font-family:var(--font-mono);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;font-size:14px;display:flex}.contact__link:hover{color:var(--accent)}.contact__link--static{cursor:default}.contact__link svg{font-size:18px}.contact__btn{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);transition:var(--transition);border-radius:6px;padding:16px 48px;font-size:14px;display:inline-block}.contact__btn:hover{background:var(--accent-dim)}@media (width<=480px){.contact__links{flex-direction:column;align-items:center;gap:16px}}.app{min-height:100vh}.footer{text-align:center;font-family:var(--font-mono);color:var(--text-secondary);padding:24px 0;font-size:12px}.footer:hover{color:var(--accent)}