@font-face{font-family:Roboto;src:url("./media/Roboto-VariableFont_wdth,wght-TQJTUEE4.ttf");font-display:swap}*,*:before,*:after{box-sizing:border-box;font-family:Roboto,arial,sans-serif;margin:0}:root{--nav-bar-min-height: 72px;--nav-bar-min-height-mobile: 62px;--background-color-dark: #1b1b1e;--background-color-light: #dde1e8;--text-color-dark: #a9bcd0;--text-color-light: #373f51;--title-color-dark: #59a5b1;--title-color-light: #1f6370;--title-color-complementary-dark: #c97a6e;--title-color-complementary-light: #8b3d32;--card-background-dark: #2a2a2e;--card-background-light: #eef0f5;--neutral-color: #7c7e83}section{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;overflow:hidden;scroll-margin-top:var(--nav-bar-min-height)}.column{display:flex;flex-direction:column;width:100%}.responsive-grid{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.text-section{padding:0 1rem}@media(min-width:768px)and (max-width:1023px){section{padding:0 178px}.column{margin-bottom:2rem}.responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.25rem}}@media(min-width:1024px)and (max-width:1279px){section{padding:0 150px}.responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem 2rem}}@media(min-width:1280px)and (max-width:1535px){section{padding:0 168px}.responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:1rem 2rem}}@media(min-width:1536px){section{padding:0 336px}.responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:1rem 2rem}}@media(max-width:480px){section{scroll-margin-top:var(--nav-bar-min-height-mobile)}}.btn-sns{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:none;cursor:pointer;transition:transform .2s ease,filter .2s ease;text-decoration:none}.btn-sns:hover{transform:translateY(-3px);filter:brightness(1.2)}.btn-github{background:#24292e}.btn-linkedin{background:#0077b5}.btn-email{background:#b30000}.ui-icon{width:1.1rem;height:1.1rem;display:block;filter:brightness(0) invert(1)}.responsive-title{font-size:1.5rem;line-height:1.4;margin-bottom:.75rem}.responsive-subtitle{font-size:1rem;font-weight:400;margin-bottom:.75rem}.responsive-text{font-size:.9375rem;line-height:1.6;font-weight:700;margin-bottom:1rem;max-width:100%}.section-title-dark{color:var(--title-color-dark)}.section-title-light{color:var(--title-color-complementary-light)}.section-text-dark{color:var(--text-color-dark)}.section-text-light{color:var(--text-color-light)}.section-subtitle-dark{color:var(--title-color-complementary-dark)}@media(min-width:768px)and (max-width:1023px){.responsive-title{font-size:1.75rem;margin-bottom:1rem}.responsive-subtitle{font-size:1.25rem;margin-bottom:1rem}.responsive-text{font-size:1rem;max-width:85%}}@media(min-width:1024px)and (max-width:1279px){.responsive-title{font-size:2rem;line-height:1.2}.responsive-subtitle{font-size:1.5rem}.responsive-text{font-size:1rem;max-width:65ch}}@media(min-width:1280px)and (max-width:1535px){.responsive-title{font-size:2.5rem;line-height:1.15}.responsive-subtitle{font-size:2rem}.responsive-text{font-size:1.125rem;max-width:70ch}}@media(min-width:1536px){.responsive-title{font-size:3rem;line-height:1.1}.responsive-subtitle{font-size:2.5rem}.responsive-text{font-size:1.25rem;max-width:75ch}}.section-subtitle-light{color:var(--title-color-complementary-light)}.card{border:0;border-radius:15px;margin:10px;overflow:hidden;transition:transform .3s ease}.card-content{padding:1.5rem}.card:hover{transform:translateY(-5px)}.card-title{font-size:1.3rem;margin-bottom:.5rem}.card-subtitle{font-size:.95rem;font-weight:500}.card-text{font-size:.9rem;line-height:1.6;margin-bottom:20px}.card-year{padding:4px 8px;border-radius:4px;font-size:.8rem}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.dark-card{background-color:var(--card-background-dark)}.dark-card .card-title{color:var(--title-color-dark)}.dark-card .card-subtitle{color:var(--title-color-complementary-dark)}.dark-card .card-text{color:var(--text-color-dark)}.dark-card .card-year{background:#b0645826;color:var(--title-color-complementary-dark)}.dark-card:hover{border:1px solid var(--title-color-dark)}.light-card{background-color:var(--card-background-light)}.light-card .card-title,.light-card .card-subtitle{color:var(--title-color-complementary-light)}.light-card .card-text{color:var(--text-color-light)}.light-card .card-year{background:#b064581f;color:var(--title-color-complementary-light)}.light-card:hover{border:1px solid var(--title-color-complementary-light)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.75rem;padding:4px 10px;border-radius:20px;background:#c97a6e26;border:1px solid rgba(201,122,110,.5);color:var(--title-color-complementary-light)}.dark-card .tag,.tl-dark .tag{background:#58a4b026;border-color:#58a4b099;color:var(--title-color-dark)}.dark-section{background-color:var(--background-color-dark)}.light-section{background-color:var(--background-color-light)}.page-background{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;list-style:none;overflow:hidden;z-index:1;pointer-events:none}.page-background li{position:absolute;display:block;width:20px;height:20px;background:#7c7e8333;animation:cubeFloat 19s linear infinite}.page-background li:nth-child(1){left:8%;width:119px;height:119px;bottom:-119px;animation-delay:1s}.page-background li:nth-child(2){left:18%;width:80px;height:80px;bottom:-80px;animation-delay:8s}.page-background li:nth-child(3){left:28%;width:193px;height:193px;bottom:-193px;animation-delay:3s}.page-background li:nth-child(4){left:38%;width:122px;height:122px;bottom:-122px;animation-delay:14s}.page-background li:nth-child(5){left:48%;width:344px;height:344px;bottom:-344px;animation-delay:5s}.page-background li:nth-child(6){left:55%;width:146px;height:146px;bottom:-146px;animation-delay:11s}.page-background li:nth-child(7){left:62%;width:215px;height:215px;bottom:-215px;animation-delay:0s}.page-background li:nth-child(8){left:70%;width:90px;height:90px;bottom:-90px;animation-delay:7s}.page-background li:nth-child(9){left:78%;width:256px;height:256px;bottom:-256px;animation-delay:16s}.page-background li:nth-child(10){left:85%;width:223px;height:223px;bottom:-223px;animation-delay:2s}.page-background li:nth-child(11){left:12%;width:143px;height:143px;bottom:-143px;animation-delay:18s}.page-background li:nth-child(12){left:42%;width:242px;height:242px;bottom:-242px;animation-delay:9s}.page-background li:nth-child(13){left:92%;width:160px;height:160px;bottom:-160px;animation-delay:4s}.page-background li:nth-child(14){left:33%;width:70px;height:70px;bottom:-70px;animation-delay:13s}.page-background li:nth-child(15){left:72%;width:180px;height:180px;bottom:-180px;animation-delay:6s}@keyframes cubeFloat{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.content{position:relative;z-index:2}.scroll-animate{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.scroll-animate.animate-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.scroll-animate{opacity:1;transform:none;transition:none}}