.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:4rem;width:100%;max-width:var(--main-width);margin:0 auto;animation:slideDown .5s var(--cubic-bezier) both}.page-header nav{display:flex;gap:2rem}.page-header nav a{font-size:.85rem;font-family:var(--fonte-corpo);color:var(--clr-text-muted);text-decoration:none;letter-spacing:.02em;transition:color var(--transition-time);border-bottom:none}.page-header nav a:hover{color:var(--clr-text);border-bottom:none}.page-header nav a.active{color:var(--clr-text);border-bottom:none}.page-header__logo{font-family:var(--fonte-corpo);font-size:1rem;font-weight:500;color:var(--clr-text);text-decoration:none;letter-spacing:-.02em;border-bottom:none}.page-header__logo:hover{border-bottom:none}.page-header__logo-img{height:1.5rem;width:auto;display:block}@media(max-width:768px){.page-header{padding-bottom:3rem;gap:1rem}.page-header nav{gap:1.5rem;flex-wrap:wrap}.page-header nav a{font-size:.8rem}}@media(max-width:480px){.page-header{padding-bottom:2rem}.page-header nav{gap:1.25rem;width:100%}.page-header nav a{font-size:.8rem}}.page-footer .separator{color:var(--clr-text-muted);margin:0 .4rem}.page-footer a#scroll-top{height:28px;width:28px;aspect-ratio:1/1;text-align:center;background:transparent;color:var(--clr-text-muted);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--clr-border);border-radius:50%;transition:border-color var(--transition-time),color var(--transition-time);flex-shrink:0}.page-footer a#scroll-top:hover{border-color:var(--clr-text);color:var(--clr-text)}.page-footer a#scroll-top svg{height:14px;width:14px}@media(max-width:480px){.page-footer .separator{display:none}.page-footer span{flex-wrap:wrap;font-size:.8rem}}.typing-effect{display:inline}.typing-cursor{animation:blink 1.2s ease infinite;color:var(--clr-text-muted)}.hero{text-align:left;padding:2rem 0 1rem}.hero-name-wrap{margin-bottom:.75rem}.hero-name{font-family:var(--fonte-corpo);font-size:2rem;font-weight:300;color:var(--clr-text);letter-spacing:-.03em}.hero-role{font-size:.95rem;font-weight:400;color:var(--clr-text-secondary);margin-bottom:.25rem;animation:fadeIn .6s var(--cubic-bezier) both}.hero-role-kr{font-family:"Noto Sans KR",var(--fonte-corpo);font-size:.85rem;font-weight:300;color:var(--clr-text-muted);margin-bottom:2.5rem;animation:fadeIn .6s var(--cubic-bezier) both;animation-delay:.15s}.hero-cta{display:flex;gap:.75rem;margin-bottom:3rem}.hero-cta-btn{font-family:var(--fonte-corpo);font-size:.8rem;font-weight:400;color:var(--clr-text-muted);border:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);border-radius:var(--border-radius);padding:.6em 1.2em;text-decoration:none;letter-spacing:.02em;transition:border-color var(--transition-time),color var(--transition-time);background-image:none}.hero-cta-btn:hover{color:var(--clr-text);border-color:var(--clr-text);background-image:none}.hero-cta-primary{border-color:var(--clr-border-strong);color:var(--clr-text)}@media(max-width:768px){.hero-name{font-size:1.6rem}}@media(max-width:480px){.hero{padding:1rem 0}.hero-name{font-size:1.4rem}.hero-cta{flex-wrap:wrap;gap:.5rem}.hero-cta-btn{font-size:.75rem;padding:.5em 1em}}.langs-grid{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem}.lang-item{display:flex;align-items:center;gap:1rem}.lang-name{min-width:80px;font-size:.85rem;color:var(--clr-text);font-family:var(--fonte-corpo);flex-shrink:0;font-weight:400}.lang-bar{flex:1;height:3px;background:var(--clr-bg-subtle);border:none;border-radius:0;overflow:hidden;min-width:60px}.lang-fill{height:100%;background:var(--clr-text);border-radius:0;transition:width .8s ease}.lang-level{min-width:100px;text-align:right;font-size:.8rem;color:var(--clr-text-muted);flex-shrink:0}@media(max-width:768px){.lang-level{min-width:90px}}@media(max-width:480px){.lang-item{flex-direction:column;align-items:flex-start;gap:.25rem}.lang-name{min-width:unset;font-size:.85rem;font-weight:500}.lang-bar{width:100%;min-width:unset}.lang-level{min-width:unset;text-align:left;font-size:.75rem}}.about-cover{width:100%;height:220px;overflow:hidden;margin-bottom:2rem}.about-cover-img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) contrast(1.05)}.about-intro{margin-bottom:1.5rem}blockquote{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 2rem;padding-left:1.5rem;border-left:2px solid var(--clr-border-strong)}blockquote p:first-child{font-style:italic;font-size:.95rem;margin-bottom:.5rem;color:var(--clr-text-secondary);line-height:1.8}blockquote p:nth-child(2){font-size:.8rem;color:var(--clr-text-muted)}blockquote p:nth-child(2):before{content:"— "}@media(max-width:768px){.about-cover{height:180px}}@media(max-width:480px){.about-cover{height:140px}blockquote{padding-left:1rem}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:3rem}.skill-card{border-color:var(--clr-border);transition:border-color var(--transition-time)}.skill-card:hover{border-color:var(--clr-border-strong)}.skill-card legend{font-size:.7rem;letter-spacing:.1em}.skill-items{list-style:none;padding:0;margin:0}.skill-items li{font-size:.9rem;padding:.2em 0;position:relative;color:var(--clr-text-secondary)}.skill-items li:before{content:none}.tools-list li{font-size:.9rem}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:480px){.skills-grid{grid-template-columns:1fr}.skill-card legend{font-size:.65rem}.skill-items li,.tools-list li{font-size:.85rem}}.project-section{margin-bottom:1.5rem}.project-subtitle{font-size:.8rem;color:var(--clr-text-muted);font-family:"Noto Sans KR",var(--fonte-corpo);font-weight:300;letter-spacing:0}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.fleet-card{border-color:var(--clr-border);transition:border-color var(--transition-time)}.fleet-card:hover{border-color:var(--clr-border-strong)}.fleet-card legend{color:var(--clr-text-muted);font-size:.7rem}.fleet-desc{font-size:.85rem;color:var(--clr-text-secondary);margin:0}@media(max-width:768px){.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.fleet-grid{grid-template-columns:1fr}.fleet-card legend{font-size:.65rem}.fleet-desc{font-size:.8rem}}.links-grid{display:flex;flex-direction:column;gap:0;margin-bottom:3rem}.link-card{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem 0;border:none;border-bottom:1px solid var(--clr-border);border-radius:0;background:transparent;transition:padding-left var(--transition-time);text-decoration:none;background-image:none}.link-card:hover{background:transparent;background-image:none;padding-left:.5rem;border-bottom-color:var(--clr-border-strong)}.link-icon{min-width:1.5rem;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.5}.link-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.link-label{font-family:var(--fonte-corpo);font-size:.85rem;font-weight:500;letter-spacing:0;color:var(--clr-text)!important}.link-url{font-family:var(--fonte-corpo);font-size:.8rem;color:var(--clr-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.link-card{padding:.85rem 0}}@media(max-width:480px){.link-card{padding:.75rem 0;gap:.75rem}.link-label{font-size:.8rem}.link-url{font-size:.75rem}}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:#f8f9fbeb;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .5s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-closing{animation:fadeOut .4s ease both}.welcome-modal{background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--border-radius);padding:4rem 3rem;text-align:center;max-width:400px;width:90%;animation:scaleIn .6s var(--cubic-bezier) both;animation-delay:.1s}.welcome-modal-closing{animation:scaleOut .3s ease both}.welcome-title{font-family:var(--fonte-corpo);color:var(--clr-text);font-size:1.5rem;font-weight:300;margin:0 0 1.5rem}.welcome-text{font-family:var(--fonte-corpo);color:var(--clr-text-secondary);font-size:1rem;font-weight:300;margin:0 0 .5rem;line-height:1.8}.welcome-sub{color:var(--clr-text-muted);font-size:.85rem;margin:0 0 2.5rem}.welcome-btn{font-family:var(--fonte-corpo);font-size:.8rem;font-weight:400;background:transparent;color:var(--clr-text);border:1px solid var(--clr-border-strong);border-radius:var(--border-radius);padding:var(--padding-btn);cursor:pointer;letter-spacing:.05em;transition:background-color var(--transition-time),border-color var(--transition-time)}.welcome-btn:hover{background:var(--clr-text);color:var(--clr-bg);border-color:var(--clr-text)}@media(max-width:768px){.welcome-modal{padding:3rem 2rem}.welcome-title{font-size:1.3rem}}@media(max-width:480px){.welcome-modal{padding:2.5rem 1.5rem;width:92%}.welcome-title{font-size:1.2rem}.welcome-text{font-size:.95rem}.welcome-btn{font-size:.75rem}}:root{--clr-text: #555555;--clr-text-secondary: #717171;--clr-text-muted: #8f8f8f;--clr-bg: #f8f9fb;--clr-bg-elevated: #ffffff;--clr-bg-subtle: #eeeeee;--clr-border: #cecece;--clr-border-strong: #aeaeae;--clr-accent: #4d6fb7;--clr-texto: var(--clr-text);--clr-main-a30: var(--clr-text);--clr-main-a40: var(--clr-text-secondary);--clr-link: var(--clr-accent);--clr-borda: var(--clr-border);--clr-fundo: var(--clr-bg);--clr-fundo-lighter: var(--clr-bg-subtle);--clr-underline: var(--clr-border);--clr-dim: var(--clr-text-muted);--clr-gray-a0: var(--clr-bg-elevated);--clr-gray-a10: var(--clr-bg);--clr-gray-a20: var(--clr-bg-subtle);--clr-gray-a30: var(--clr-border);--clr-gray-a40: var(--clr-text-muted);--clr-gray-a50: var(--clr-text-secondary);--clr-amber: #cbaa4b;--clr-cyan: #5fb8f2;--clr-magenta: #d991d2;--clr-red: #f08d94;--clr-yellow: #cbaa4b;--clr-green: #6fc488;--border-radius: 2px;--border-radius-sm: 1px;--border-width: 1px;--border-style: solid;--borda-padrao: var(--border-width) var(--border-style) var(--clr-border);--padding-btn: .75em 1.5em;--padding-btn-small: .5em 1em;--gap-padrao: 1rem;--transition-time-short: .15s;--transition-time: .25s;--transition-time-long: .5s;--cubic-bezier: cubic-bezier(.25, .1, .25, 1);--main-width: 720px;--font-size: 100%;--fonte-corpo: "Route 159", "Noto Sans KR", system-ui, sans-serif;--fonte-titulo: "Jura", "Noto Sans KR", system-ui, sans-serif;--fonte-monospace: "DejaVu Sans Mono", "Fira Code", monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{to{opacity:0;transform:scale(.98)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}*:focus-visible{outline:1px solid var(--clr-text);outline-offset:3px}::selection{background:var(--clr-text);color:var(--clr-bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--clr-border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--clr-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--clr-border-strong) transparent}body>*,body main>*,main p,main q,main cite{margin-bottom:1.75rem;line-height:1.8}main p{margin-top:0;text-align:left;font-size:.95rem;color:var(--clr-text-secondary)}h1,h2,h3,h4,h5{margin:0;line-height:1.3;color:var(--clr-text);letter-spacing:-.01em;font-weight:500}h1,h2{font-family:var(--fonte-titulo)}h3,h4,h5{font-family:var(--fonte-corpo)}h4,h5{font-weight:400}h1{font-size:1.5rem;font-weight:300}h2{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin-top:3rem;margin-bottom:1.25rem;color:var(--clr-text-muted)}h2:after{content:none}h3{font-size:1rem;font-weight:500;margin-top:2rem;margin-bottom:.5rem}code,pre:not(:has(code)){font-family:var(--fonte-monospace);font-size:.85rem;line-height:1.6;background-color:var(--clr-bg-subtle);border-radius:var(--border-radius);padding:.3rem .6rem;overflow:auto;color:var(--clr-text)}pre code{display:block;max-height:70vh}a:link,a:visited,a:active{color:var(--clr-text);text-decoration:none;border-bottom:1px solid var(--clr-border-strong);transition:border-color var(--transition-time);background-image:none}a:hover{border-bottom-color:var(--clr-text);background-image:none;background-size:unset;text-shadow:none;color:var(--clr-text)}ul{list-style:none;padding-left:0;margin:0;text-align:left}ul>li{position:relative;padding-left:1rem;padding-bottom:.4em;margin:.2em 0;font-size:.95rem;color:var(--clr-text-secondary)}ul>li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:var(--clr-border-strong)}hr{border:none;border-top:1px solid var(--clr-border);margin:2rem 0}html,body{margin:0;font-size:var(--font-size);scroll-behavior:smooth}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;height:100%;width:100%;max-width:100vw;padding:6rem 2rem;background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--fonte-corpo);overflow-y:scroll;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#container{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:var(--main-width);margin:0 auto}main{width:100%;height:auto;max-width:var(--main-width);flex:1;min-width:0}main>*{animation:fadeInUp .6s var(--cubic-bezier) both}footer.page-footer{text-align:center;margin-top:auto;padding:3rem 0;font-size:.85rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;color:var(--clr-text-muted)}footer.page-footer a{color:var(--clr-text-muted)}footer.page-footer span{display:inline-flex;gap:.5rem;align-items:center}fieldset{padding:1.25rem;border:1px solid var(--clr-border);border-radius:var(--border-radius);height:fit-content;width:100%;display:flex;flex-direction:column;gap:var(--gap-padrao)}fieldset legend{font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-text-muted);font-family:var(--fonte-corpo)}main>h1.page-title{font-size:1.5rem;font-weight:300;color:var(--clr-text);margin:0;margin-bottom:.5rem;padding:0;letter-spacing:-.02em}main>h1.page-title:before{content:none}main>h1.page-title:after{content:none}main>h2.page-subtitle{font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:0;margin-top:0;margin-bottom:3rem;color:var(--clr-text-muted);font-family:var(--fonte-corpo)}.scroll-reveal{opacity:0;transform:translateY(12px)}.scroll-reveal.scroll-revealed{animation:fadeInUp .6s var(--cubic-bezier) both}@media(max-width:768px){body{padding:3rem 1.5rem}#container{gap:2rem}main{max-width:100%}footer.page-footer{flex-direction:column;align-items:flex-start;gap:1rem}h1{font-size:1.3rem}main>h1.page-title{font-size:1.3rem}}@media(max-width:480px){body{padding:2rem 1.25rem}h1{font-size:1.15rem}h2{font-size:.75rem}main>h1.page-title{font-size:1.15rem;margin-bottom:.4rem}main>h2.page-subtitle{margin-bottom:2rem}main p,ul>li{font-size:.9rem}fieldset{padding:1rem}fieldset legend{font-size:.7rem}}