@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.welcome-section{box-sizing:border-box;position:relative;min-height:calc(100vh - 246px);display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.welcome-section .welcome-content{width:100%;max-width:1200px}.welcome-section .hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:flex-start}.welcome-section .hero-left{display:flex;justify-content:center;align-items:flex-start}.welcome-section .avatar-wrapper{position:relative;width:100%;max-width:180px;aspect-ratio:1}.welcome-section .avatar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(74,144,226,.15));border-radius:50%;z-index:1}.welcome-section .avatar-img{position:relative;width:100%;height:100%;border-radius:10%;border:2px solid #373737;object-fit:cover;z-index:2;transition:transform .3s ease}.welcome-section .avatar-img:hover{transform:scale(1.02)}.welcome-section .hero-right{display:flex;flex-direction:column;gap:2.5rem}.welcome-section .content-top .greeting{font-size:16px;color:#7c7c7c;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.welcome-section .content-top h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;color:#d6d6d6;line-height:1.2;margin-bottom:1rem}.welcome-section .content-top .tagline{font-size:18px;color:#a0a0a0;font-weight:400;letter-spacing:.5px}.welcome-section .divider{display:none}.welcome-section .content-bottom{display:flex;flex-direction:column;gap:2rem}.welcome-section .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.welcome-section .info-item .info-label{font-size:13px;color:#7c7c7c;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:.5rem}.welcome-section .info-item .info-value{font-size:18px;color:#d6d6d6;font-weight:500}.welcome-section .tech-stack .tech-label{font-size:13px;color:#7c7c7c;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:1rem;display:block}.welcome-section .tech-stack .tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.welcome-section .tech-stack .tech-tag{background:rgba(74,144,226,.15);color:#4a90e2;padding:.5rem 1rem;border-radius:6px;font-size:14px;font-weight:500;border:1px solid rgba(74,144,226,.3);transition:all .3s ease;cursor:default}.welcome-section .tech-stack .tech-tag:hover{background:rgba(74,144,226,.25);border-color:rgba(74,144,226,.5);transform:translateY(-2px)}@media only screen and (max-width: 1024px){.welcome-section .hero-grid{grid-template-columns:1fr;gap:3rem}.welcome-section .hero-right{text-align:center}.welcome-section .divider{margin:0 auto}.welcome-section .info-grid{justify-items:center}.welcome-section .tech-tags{justify-content:center}}@media only screen and (max-width: 768px){.welcome-section{padding:2rem 1.5rem;min-height:auto}.welcome-section .welcome-content{padding:1rem 0}.welcome-section .avatar-wrapper{max-width:160px}.welcome-section .content-top .greeting{font-size:14px}.welcome-section .content-top h1{font-size:clamp(1.75rem,5vw,2.5rem)}.welcome-section .content-top .tagline{font-size:16px}.welcome-section .divider{width:50px}.welcome-section .info-grid{grid-template-columns:1fr;gap:1.5rem}.welcome-section .info-item .info-label{font-size:12px}.welcome-section .info-item .info-value{font-size:16px}.welcome-section .tech-tags{gap:.5rem}.welcome-section .tech-tag{font-size:13px;padding:.4rem .8rem}}@media only screen and (max-width: 480px){.welcome-section{padding:1.5rem 1rem}.welcome-section .avatar-wrapper{max-width:140px}.welcome-section .content-top h1{font-size:clamp(1.5rem,4vw,2rem)}.welcome-section .divider{width:40px;height:2px}.welcome-section .content-bottom{gap:1.5rem}.welcome-section .info-grid{gap:1rem}.welcome-section .info-item .info-value{font-size:15px}}.home .neon-lime{color:#cf0}.home .techy-orange{color:#ff6b35}.home .techy-blue{color:#4a90e2}header{display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;padding:1.25rem 3rem;color:#fff;position:relative;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}header .logo{z-index:1001}header .logo a{text-decoration:none;color:#d6d6d6;font-weight:600;font-size:16px;letter-spacing:-.5px;transition:color .2s ease}header .logo a:hover{color:#d6d6d6}header a{text-decoration:none;color:#a0a0a0;transition:color .25s ease;font-size:14px;position:relative;font-weight:500}header a:hover{color:#d6d6d6}header .nav-menu{box-sizing:border-box}header .nav-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:3.5rem}header .nav-menu ul li:first-child{margin-left:0}header .hamburger{display:none;flex-direction:column;cursor:pointer;z-index:1002;gap:5px}header .hamburger span{height:2px;width:24px;background-color:#d6d6d6;transition:all .3s cubic-bezier(.4,0,.2,1)}header .hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}header .hamburger.open span:nth-child(2){opacity:0;width:0}header .hamburger.open span:last-child{transform:rotate(-45deg) translate(7px,-7px)}header .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:500;display:none}header .overlay.open{display:block}@media (max-width: 768px){header{padding:1rem 1.5rem}header .logo{position:relative;z-index:1001}header .logo a{font-size:14px}header .hamburger{display:flex}header .nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#1a1a1a;padding:5rem 1.5rem 1.5rem;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto}header .nav-menu.open{right:0}header .nav-menu ul{flex-direction:column;width:100%;gap:0}header .nav-menu ul li{margin:1.25rem 0}}@media (max-width: 480px){header{padding:1rem}header .logo a{font-size:13px}header .nav-menu{padding:4.5rem 1rem 1rem}header .nav-menu ul li{margin:1rem 0}}.footer{max-width:1400px;margin-left:auto;margin-right:auto;padding:20px;box-sizing:border-box}.footer .social{flex-direction:row-reverse;gap:2rem;height:60px;display:flex;align-items:center}.footer .copyright{box-sizing:border-box;min-height:70px;border-top:1px solid #2d2d2d;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:200;color:#fff;text-align:center}body{background:radial-gradient(circle at 20% 50%,#1a1a1a,#0f0f0f);font-family:Inter,sans-serif}body main{overflow:hidden}:root{--color-text-primary: #d6d6d6;--color-text-secondary: #7c7c7c;--color-accent-orange: #ff6b35;--color-accent-blue: #4a90e2;--page-max-width: 1200px;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--header-offset: 7rem;--title-size: clamp(1.9rem, 4vw, 2.4rem);--subtitle-size: clamp(1.3rem, 2.5vw, 1.75rem);--transition-base: .3s ease}.page{max-width:var(--page-max-width);margin-left:auto;margin-right:auto;padding:var(--space-2xl) var(--space-xl);margin-top:var(--header-offset);box-sizing:border-box}@media (max-width: 768px){.page{padding:var(--space-xl) var(--space-lg);margin-top:5.5rem}}h1.page-title{font-size:var(--title-size);color:var(--color-text-primary);text-align:center;font-weight:600;letter-spacing:.5px;position:relative;margin:0 0 var(--space-2xl)}h1.page-title:after{content:"";display:block;width:72px;height:3px;background:var(--color-accent-orange);margin:var(--space-md) auto 0;border-radius:2px}.page-intro{max-width:820px;margin:0 auto var(--space-3xl);font-size:.98rem;line-height:1.7;color:var(--color-text-secondary);font-weight:300;text-align:center}@media (max-width: 768px){.page-intro{font-size:.9rem;margin-bottom:var(--space-2xl);padding:0 var(--space-sm)}}.page section>h2,.page h2.section-title{font-size:var(--subtitle-size);color:var(--color-text-primary);font-weight:500;text-align:center;margin:var(--space-3xl) 0 var(--space-xl);position:relative}.page section>h2:after,.page h2.section-title:after{content:"";display:block;width:56px;height:3px;background:var(--color-accent-blue);margin:var(--space-sm) auto 0;border-radius:2px}.stack-lg>*+*{margin-top:var(--space-2xl)}.stack-md>*+*{margin-top:var(--space-xl)}.stack-sm>*+*{margin-top:var(--space-md)}