#root{width:100%;margin:0 auto;vertical-align:top}.page{width:100%;min-height:100vh}.app-content{overflow:hidden}.nav-header{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid rgba(226,232,240,.75);background:rgba(248,250,252,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.nav-header .nav-header-block{display:flex;align-items:center;justify-content:center;gap:.85rem;text-decoration:none}.nav-header .logo-title{display:inline-block;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;letter-spacing:-.04em;color:var(--primary-dark)}.nav-header .lhs .logo-img{border-radius:1.1rem;box-shadow:0 10px 25px #0f172a1f}.nav-header .resume-item{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:9999px;padding:.7rem 1.15rem;font-weight:700;font-size:.95rem;color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.nav-header .resume-item:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-1px)}@media screen and (max-width:650px){.nav-header{padding:.85rem 1rem}.nav-header .lhs .logo-img{width:3rem;height:3rem}.nav-header .resume-item{padding:.6rem .95rem;font-size:.9rem}}.logo .logo-img{width:4rem;height:4rem;border-radius:50%;object-fit:contain}.conclustion-section{display:flex;flex-direction:column;align-items:center;padding:clamp(3rem,7vw,5rem) 1rem 3rem;background:var(--surface-color);border-top:1px solid var(--border-color)}.conclustion-section .conclustion-logo{margin-bottom:2rem}.conclustion-section .conclustion-logo .logo-img{border-radius:1.35rem;box-shadow:0 16px 35px #0f172a24}.conclustion-section .wisdom-class{max-width:32rem;text-align:center;color:var(--primary-dark);font-size:clamp(1.25rem,3vw,1.8rem);font-weight:700}.conclustion-section .link-list{display:flex;list-style:none;margin-top:1rem}.conclustion-section .link-list .link-item{margin:1rem;transition:transform .18s ease}.conclustion-section .link-list .link-item:hover{transform:translateY(-3px)}.conclustion-section .link-list .link-item .logo-img{width:3.25rem;height:3.25rem;padding:.75rem;border:1px solid var(--border-color);background:var(--secondary-color);box-shadow:var(--shadow-sm)}@media screen and (max-width:850px){.conclustion-section .link-list .link-item .logo-img{width:3rem;height:3rem}}.conclustion-section .conc-insp{margin-top:.5rem;color:var(--text-muted-color);font-size:.95rem;font-weight:500}.conclustion-section .conc-insp a{color:var(--primary-color);font-weight:700;text-decoration:none}.exp-section{padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,5rem)}.exp-section .exp-header{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:2rem;text-align:center;line-height:1.7}.exp-section .exp-header h2{margin-bottom:.85rem;font-size:clamp(2rem,4vw,3rem)}.exp-section .exp-header p{max-width:45rem;width:100%}.exp-section .exp-container{flex-grow:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.5rem}.exp-section .exp-container .exp-box{display:flex;flex-direction:column;justify-content:space-between;width:min(100%,32rem);min-height:25rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--primary-dark);padding:2rem;transition:transform .18s ease,box-shadow .18s ease}.exp-section .exp-container .exp-box:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0f172a24}.exp-section .exp-container .exp-box .exp-title{margin-bottom:1rem}.exp-section .exp-container .exp-box .exp-title h2{margin-bottom:.35rem;font-size:1.35rem}.exp-section .exp-container .exp-box .exp-title span:last-child{color:var(--text-muted-color);font-size:.95rem;font-weight:600}.exp-section .exp-container .exp-box .exp-content{margin-bottom:1.5rem;line-height:1.75}.exp-section .exp-container .exp-box .exp-content .exp-highlight-list{display:grid;gap:.75rem;padding-left:1.15rem;color:var(--text-muted-color)}.exp-section .exp-container .exp-box .exp-content .exp-highlight-list li::marker{color:var(--primary-color)}.exp-section .exp-container .exp-box .exp-tech-list{list-style:none;display:flex;flex-wrap:wrap}.exp-section .exp-container .exp-box .exp-tech-list .exp-tech-item{padding:.35rem .8rem;background-color:var(--primary-soft);color:var(--primary-color);border-radius:999px;margin:.35rem;font-size:.85rem;font-weight:700}.exp-section .exp-container .logo-container{display:flex;justify-content:center;align-items:center}.exp-section .exp-container .logo-container .exp-logo img{width:6rem;height:6rem;border-radius:0}.exp-section .exp-container .logo-container .findem img{width:2.65rem;height:2.8rem}.exp-section .exp-container .logo-container .zomentum{width:9rem}@media screen and (max-width: 960px){.exp-section .exp-header p{text-align:center}.exp-section .exp-container{flex-direction:column;align-items:center}.exp-section .exp-container .exp-box{width:100%;min-height:auto}}.intro-section{min-height:calc(100vh - 5rem);display:flex;align-items:center;justify-content:center;gap:clamp(2rem,5vw,5rem);flex-direction:row;padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,5rem);border-bottom:1px solid var(--border-color)}.intro-section h1{font-size:clamp(3rem,7vw,5.8rem);max-width:11ch;margin-bottom:1rem}.intro-section h2{max-width:16ch;color:var(--primary-dark);font-size:clamp(1.45rem,3vw,2.4rem);font-weight:700}.intro-section .intro-partition{width:min(50%,36rem)}.intro-section .intro-eyebrow{width:fit-content;margin-bottom:1rem;padding:.45rem .8rem;border:1px solid rgba(29,78,216,.18);border-radius:999px;background:var(--primary-soft);color:var(--primary-color);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.intro-section .intro-portfolio-img{object-fit:contain;height:auto;width:100%;max-height:35rem;border-radius:2rem;filter:drop-shadow(0 22px 35px rgba(15,23,42,.18))}.intro-section .intro-content{max-width:39rem;margin-top:1.5rem;color:var(--text-muted-color);font-size:1.08rem;line-height:1.8}.intro-section .intro-skill-list{display:flex;flex-wrap:wrap;gap:.65rem;max-width:39rem;margin-top:1.5rem;list-style:none}.intro-section .intro-skill-list li{padding:.42rem .8rem;border:1px solid rgba(29,78,216,.18);border-radius:999px;background:rgba(255,255,255,.78);color:var(--primary-dark);font-size:.86rem;font-weight:700;box-shadow:var(--shadow-sm)}@media screen and (max-width: 960px){.intro-section{display:flex;min-height:auto;flex-direction:column;padding-top:2.5rem}.intro-section .intro-partition{width:100%;padding:0}.intro-section h1{font-size:clamp(2.45rem,12vw,4rem)}.intro-section h2,.intro-section .intro-content,.intro-section .intro-skill-list{max-width:none}}.prj-section{padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,5rem);background:linear-gradient(135deg,var(--primary-dark),#1e3a8a)}.prj-section .prj-header{color:var(--text-secondary-color);display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:2rem;text-align:center;line-height:1.7}.prj-section .prj-header h2{margin-bottom:.85rem;color:#fff;font-size:clamp(2rem,4vw,3rem)}.prj-section .prj-header p{max-width:42rem;width:100%;color:#f8fafcc2}@media screen and (max-width: 600px){.prj-section .prj-header{width:100%}}.prj-section .prj-container{display:grid;grid-template-columns:minmax(0,36rem);justify-content:center;gap:1.5rem}@media screen and (max-width: 960px){.prj-section .prj-container{grid-template-columns:1fr}}.prj-section .prj-container .prj-box{background-color:#fffffff5;border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 55px #0f172a38;padding:1.5rem;line-height:1.7;border-radius:1rem;transition:transform .18s ease,box-shadow .18s ease}.prj-section .prj-container .prj-box:hover{transform:translateY(-4px);box-shadow:0 30px 65px #0f172a47}.prj-section .prj-container .prj-box .prj-box-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.prj-section .prj-container .prj-box .prj-box-header .prj-title{color:var(--primary-dark)}.prj-section .prj-container .prj-box .prj-box-header .prj-title a{color:var(--primary-color);text-decoration:none}.prj-section .prj-container .prj-box .prj-box-header .prj-title a:hover{text-decoration:underline}.prj-section .prj-container .prj-box .prj-box-header img{width:4.25rem;height:4.25rem;border-radius:1rem;object-fit:cover}.prj-section .prj-container .prj-box .prj-desc{color:var(--text-muted-color)}@media screen and (max-width: 1060px){.prj-section .prj-container .prj-box .prj-box-header{align-items:flex-start}.prj-section .prj-container .prj-box .prj-box-header .prj-title{margin-bottom:0}.prj-section .prj-container .prj-box .prj-box-header img{width:4.5rem;height:4.5rem}.prj-section .prj-container .prj-box .prj-desc{padding:0}}:root{--primary-color: #1d4ed8;--primary-dark: #0f172a;--primary-soft: #dbeafe;--secondary-color: #f8fafc;--surface-color: #ffffff;--surface-muted: #eef2f7;--text-base-color: #111827;--text-muted-color: #64748b;--text-secondary-color: #f8fafc;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 18px 45px rgba(15, 23, 42, .1);--radius-lg: 1.25rem}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(29,78,216,.08),transparent 32rem),var(--secondary-color);color:var(--text-base-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body{min-height:100vh}.mb1{margin-bottom:1rem}.mt1{margin-top:1rem}.ml1{margin-left:1rem}.mr1{margin-right:1rem}.px1{padding-left:1rem;padding-right:1rem}.py1{padding-top:1rem;padding-bottom:1rem}h1{font-size:3.2em;line-height:1.1}h1,h2,h3{color:var(--primary-dark);letter-spacing:-.035em;line-height:1.15}p{color:var(--text-muted-color)}a{color:inherit}