@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f7f8fa;--text-main: #1a1a2e;--text-muted: #6b7280;--accent: #c2410c;--accent-light: #ea580c;--border: #e5e7eb;--designer-warm: rgba(251, 191, 36, .06);--coder-cool: rgba(194, 65, 12, .06);--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--container-max-width: 1200px;--section-padding: 120px 20px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}ul{list-style:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}section{padding:var(--section-padding)}header{position:fixed;top:0;left:0;width:100%;padding:16px 0;z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s ease}header nav.container{max-width:none;padding:0 40px}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.4rem;letter-spacing:-1px;color:var(--text-main);transition:var(--transition-smooth)}.logo:hover{transform:translateY(-1.5px);filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.nav-links{display:flex;gap:32px}.nav-links a{display:inline-block;font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);transition:var(--transition-smooth)}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a:hover{transform:translateY(-1.5px);filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.nav-links a.active{border-bottom:2px solid var(--accent);padding-bottom:2px}.nav-right{display:flex;align-items:center;gap:16px}.nav-social{display:flex;gap:8px;align-items:center}.nav-social a{display:flex;align-items:center;padding:8px;border-radius:8px;transition:var(--transition-smooth)}.nav-social a svg{width:22px;height:22px}.nav-social a[aria-label=LinkedIn]{color:#0077b5}.nav-social a[aria-label=GitHub]{color:#333}.nav-social a:hover{transform:translateY(-1.5px);filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.hamburger span{display:block;width:22px;height:2px;background:var(--text-main);transition:var(--transition-smooth)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:32px}.mobile-nav.open{display:flex}.mobile-nav a{font-size:1.5rem;font-weight:600;color:var(--text-main)}.mobile-nav a:hover,.mobile-nav a.active{color:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:40px;color:var(--text-main)}#work{text-align:center;padding-top:100px}#work .section-title{margin-bottom:32px;position:relative;display:inline-block;padding-bottom:14px}#work .section-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:96px;height:4px;background:var(--accent)}.page-header{background:#faf8f5;padding:140px 0 48px}.page-title{font-size:clamp(2.4rem,5vw,3.2rem);font-weight:700;margin-bottom:12px;color:var(--text-main)}.page-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px}.page-section{padding-top:48px}.section-cta{text-align:center;margin-top:96px}.cta-link{display:inline-block;font-size:1rem;font-weight:600;color:var(--accent);padding:12px 32px;border:2px solid var(--accent);border-radius:8px;transition:var(--transition-smooth)}.cta-link:hover{background:var(--accent);color:#fff;transform:translateY(-4px);box-shadow:0 12px 32px #00000014}#contact{text-align:center;padding-bottom:80px}.contact-text{color:var(--text-muted);font-size:1.1rem;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.contact-link{display:inline-block;font-size:1.2rem;font-weight:600;color:var(--accent);padding:12px 32px;border:2px solid var(--accent);border-radius:8px;transition:var(--transition-smooth)}.contact-link:hover{background:var(--accent);color:#fff}footer{background:#faf8f5;margin-top:80px;padding:35px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;line-height:1}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{font-weight:700;font-size:1.2rem;letter-spacing:-1px}.footer-left p{font-size:.85rem;color:var(--text-muted)}.back-to-top{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:var(--transition-smooth)}.back-to-top:hover{color:var(--accent);transform:translateY(-1.5px)}@media(max-width:768px){:root{--section-padding: 80px 16px}.nav-links{display:none}.hamburger{display:flex}.nav-social{gap:12px}.section-title{font-size:1.8rem}.page-header{padding:100px 0 36px}.footer-content{flex-direction:column;text-align:center;gap:16px}}