*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f0f0f;--bg-card: #292929;--headerBg: #0f0f0f;--text: #FFFFFF;--text-muted: #b6b6b6;--headerText: #FFFFFF;--accent: #ffffff;--accent-soft: #000000;--accent-alt: #00BFFF;--border: #020202;--radius-lg: 16px;--radius-xl: 24px}html,body,#root{margin:0;padding:0;height:100%}:root{--font-main: "RoundedFixedsys", monospace;--font-pixel: "Pretendard", sans-serif}body{font-family:var(--font-main);background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}@font-face{font-family:RoundedFixedsys;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}.app{min-height:100vh;background-color:var(--bg);color:var(--text)}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--headerBg);border-bottom:1px solid var(--border);height:60px;display:flex;align-items:center}.header-inner{min-width:940px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo{background:none;border:none;color:var(--headerText);font-weight:700;font-size:1.1rem;cursor:pointer}.nav{display:flex;gap:.5rem}.nav-item{border:none;background:transparent;color:var(--text-muted);padding:.35rem .8rem;border-radius:999px;cursor:pointer;font-size:.9rem}.nav-item--active{background:var(--accent-soft);color:var(--accent)}.section{padding:4rem 1.25rem}.section-inner{max-width:1040px;margin:0 auto}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:700}.section-subtitle{margin-top:.25rem;color:var(--text-muted);font-size:.95rem}#hero{height:calc(100vh - 60px);display:flex;align-items:center;position:relative;overflow:hidden;z-index:2}#hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/Background.jpg);background-size:cover;background-position:center;filter:blur(12px);transform:scale(1.1);z-index:-1}.hero{background-color:#00000090;padding:50px;border-radius:var(--radius-xl);width:970px;display:flex;justify-content:space-between}.profileImage,.profileImage img{width:200px;height:auto}.hero-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;margin-bottom:.75rem}.hero-title{font-size:2rem;line-height:1.3;margin:0 0 1rem}.hero-summary{color:var(--text-muted);max-width:640px}.hero-actions{margin-top:1.5rem;display:flex;gap:.75rem}.hero-actions button{padding:.6rem 1.2rem;border-radius:999px;border:1px solid transparent;background:var(--accent);color:var(--accent-soft);cursor:pointer;font-weight:600;font-size:.9rem}.hero-actions button.ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.hero-links{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.about-grid{font-family:var(--font-pixel);display:flex;gap:2rem}.about-Info{width:30%}.about-Info h2{border-radius:4px;padding:.1rem .2rem;background-color:#292929}.about-list{padding:0;margin:0}.about-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.8rem 0}.about-list span:first-child{color:#fff}.about-list-link{color:var(--accent-alt)}.about-exp{width:70%}.about-exp h2{border-radius:4px;padding:.1rem .2rem;background-color:#292929}.exp-block ul{padding:0;margin:.5rem 0 0}.exp-block li{list-style:circle!important;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.8rem 0}#exp-block-exception{border-bottom:none;padding:0}.exp-block p{border-bottom:1px solid var(--border);padding:.8rem 0;font-size:.95rem;font-weight:200}.exp-title{font-weight:600}.exp-period{display:inline-block;color:var(--text-muted);font-weight:300;font-size:.85rem;margin-left:.5rem}.about-me{font-family:var(--font-pixel)}.about-me h2{border-radius:4px;padding:.1rem .2rem;background-color:#292929}.skills-grid{display:grid;gap:1rem}.skill-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border)}.skill-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.badge{padding:.1rem .6rem;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent);font-size:.8rem;color:var(--accent)}.skill-description{color:var(--text-muted);font-size:.9rem}.projects-grid{display:grid;gap:1rem}.project-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border);font-family:var(--font-pixel)}.project-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.project-title{margin:0 0 .25rem;font-size:1.1rem}.project-meta{color:var(--text-muted);font-size:.8rem;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.project-summary{margin-top:.75rem;color:var(--text);font-size:.95rem}.project-highlights{margin:.75rem 0;padding-left:1.1rem;color:var(--text-muted);font-size:.9rem}.project-links{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.projects-more{margin-top:1.5rem;display:flex;justify-content:center}.projects-more button{padding:.6rem 1.4rem;border-radius:999px;border:1px solid var(--accent);background:#292929;color:var(--accent);cursor:pointer;font-size:.9rem;font-weight:500}.projects-more button:hover{background:var(--accent-soft)}.contact{max-width:640px}.contact-list{list-style:none;padding:0;margin-top:1rem}.contact-list li{display:flex;gap:.75rem;padding:.4rem 0}.contact-list span:first-child{width:80px;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:1.25rem;text-align:center;font-size:.85rem;color:var(--text-muted)}@media(min-width:768px){.hero-title{font-size:2.4rem}.about-grid{grid-template-columns:2fr 1.5fr}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skill-icons{display:inline-block;margin:.6rem 0 .4rem}.skill-icons img{max-width:100%;height:auto;display:block}@media(max-width:767px){.header-inner{padding:0 20px;min-width:100vw}.header-logo{font-size:1rem}.nav{gap:.25rem;font-size:.8rem;overflow-x:auto}.nav-item{padding:.25rem .6rem;white-space:nowrap}.section{padding:3rem 1rem}#hero{display:block}.hero{width:100%;min-height:676px!important;flex-direction:column-reverse;align-items:flex-start;gap:1.5rem}.profileImage,.profileImage img{width:140px;margin:0 auto;display:block}.hero-title{font-size:1.6rem}.hero-summary{max-width:100%;font-size:.95rem}.hero-actions{width:100%;flex-wrap:wrap}.hero-actions button{flex:1 1 auto;text-align:center;font-size:.85rem}.hero-links{flex-direction:column;align-items:flex-start}.about-grid{flex-direction:column}.about-Info,.about-me{width:100%}.skills-grid{grid-template-columns:1fr}.skill-card{padding:.9rem}.project-card{padding:1rem}.project-title{font-size:1rem}.project-card-header{flex-direction:column;align-items:flex-start}.project-tags{justify-content:flex-start}.projects-more{margin-top:1.2rem}.projects-more button{width:100%}.contact{max-width:100%}.contact-list li{flex-direction:column}.contact-list span:first-child{width:auto}}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:767px){.desktop-only{display:none}.mobile-only{display:inline-block}}.hamburger{font-size:1.6rem;background:none;border:none;color:var(--headerText);cursor:pointer}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000070;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidebar{position:fixed;top:0;right:-260px;width:260px;height:100%;background:var(--bg);border-left:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;z-index:1000;transition:right .35s ease}.sidebar.open{right:0}.sidebar-close{align-self:flex-end;font-size:1.4rem;background:none;border:none;cursor:pointer;color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:1rem}.sidebar-nav .nav-item{font-size:1.1rem;padding:.5rem .8rem;text-align:left}