@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;background-color:#fff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--bg-alt: #f6f7fb;--bg-ink: #0b0e14;--ink: #0b0e14;--ink-soft: #565d70;--ink-faint: #8a90a1;--accent: #2e5bff;--accent-ink: #1c3fcc;--accent-soft: #eef1ff;--accent-glow: rgba(46, 91, 255, .18);--green: #16a34a;--green-soft: #e8f7ee;--amber: #f59e0b;--amber-soft: #fef3e0;--border: #e7e9f0;--border-hover: #c7cdf5;--shadow: 0 16px 40px -16px rgba(16, 24, 54, .18);--shadow-sm: 0 6px 18px -10px rgba(16, 24, 54, .16);--font-display: "Space Grotesk", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--nav-h: 72px;--ease: cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.portfolio{opacity:0;transition:opacity .5s ease}.portfolio.loaded{opacity:1}.section-content{max-width:1180px;margin:0 auto;padding:0 2rem}.section{padding:7rem 0;position:relative}.about-section{background:var(--bg)}.projects-section{background:var(--bg-alt)}.skills-section{background:var(--bg)}.contact-section{background:var(--bg-alt)}.section-label{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--accent);margin-bottom:1rem;text-transform:uppercase}.label-number{color:var(--ink-faint)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:1.75rem;color:var(--ink)}.highlight{color:var(--accent);font-weight:600}.pipeline-trail{position:fixed;left:28px;top:50%;transform:translateY(-50%);height:min(56vh,480px);width:40px;z-index:40;display:none}@media(min-width:1100px){.pipeline-trail{display:block}}.trail-rail{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border);transform:translate(-50%);border-radius:2px;overflow:hidden}.trail-fill{width:100%;height:100%;background:linear-gradient(180deg,var(--accent),var(--green));transform-origin:top;transform:scaleY(0)}.trail-signal{position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow),0 0 12px 2px var(--accent-glow);transform:translate(-50%,-50%);z-index:2}.trail-nodes{position:absolute;inset:0}.trail-node{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center}.trail-dot{width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--border-hover);transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}.trail-node-active .trail-dot{background:var(--green);border-color:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.trail-label{position:absolute;left:20px;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);white-space:nowrap;opacity:0;transform:translate(-4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.trail-node-active .trail-label{color:var(--green);opacity:1;transform:translate(0)}.header{position:fixed;inset:0 0 auto;z-index:1000;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.header-scrolled{background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav{max-width:1280px;margin:0 auto;padding:0 2rem;height:var(--nav-h);display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.7rem}.nav-logo img{height:30px;width:auto}.terminal-prompt{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);padding:.25rem .55rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px}.nav-links{display:flex;align-items:center;gap:2rem;position:relative}.nav-cursor{position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--accent);border-radius:2px;pointer-events:none}.nav-cursor:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{50%{opacity:.25}}.nav-link{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:500;color:var(--ink-soft);text-transform:capitalize;transition:color .25s var(--ease);position:relative;padding:.3rem 0}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--accent)}.nav-number{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.btn-nav-resume{font-size:.85rem;font-weight:600;color:#fff;background:var(--ink);padding:.55rem 1.1rem;border-radius:999px;transition:background .25s var(--ease),transform .2s var(--ease)}.btn-nav-resume:hover{background:var(--accent);transform:translateY(-1px)}.menu-toggle{display:none;padding:.4rem}.hamburger{display:block;position:relative;width:22px;height:16px}.hamburger span{position:absolute;left:0;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease),top .3s var(--ease)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:7px}.hamburger span:nth-child(3){top:14px}.hamburger.open span:nth-child(1){top:7px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:7px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:var(--nav-h) 0 0 0;background:var(--bg);transform:translateY(-100%);transition:transform .35s var(--ease);z-index:999;overflow-y:auto}.mobile-menu-open{transform:translateY(0)}.mobile-menu-inner{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.75rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-family:var(--font-display);font-weight:600;text-transform:capitalize;color:var(--ink-soft)}.mobile-nav-link.active{color:var(--accent)}.mobile-nav-number{font-family:var(--font-mono);font-size:1rem;color:var(--accent)}.mobile-resume-btn{margin-top:1rem;text-align:center;padding:.9rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:600}.menu-overlay{position:fixed;inset:0;background:#0b0e144d;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);z-index:998}.menu-overlay-open{opacity:1;pointer-events:auto}@media(max-width:860px){.nav-links{display:none}.menu-toggle{display:block}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 3rem) 2rem 4rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 35%,black 10%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 35%,black 10%,transparent 75%);opacity:.7}.hero-content{position:relative;z-index:2;max-width:780px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--green);background:var(--green-soft);border:1px solid rgba(22,163,74,.25);padding:.4rem .9rem;border-radius:999px;margin-bottom:1.75rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.hero-title-line{display:block}.title-name{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,7vw,4.6rem);letter-spacing:-.02em;color:var(--ink);line-height:1.05}.title-role{font-family:var(--font-mono);font-weight:500;font-size:clamp(.95rem,2vw,1.2rem);color:var(--accent);letter-spacing:.01em}.hero-subtitle{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--ink-soft);max-width:560px;margin-bottom:2.25rem}.mini-terminal{width:100%;max-width:420px;background:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:2.25rem}.mini-terminal-bar{display:flex;gap:.4rem;padding:.65rem .8rem;background:#ffffff0d}.t-dot{width:9px;height:9px;border-radius:50%}.t-dot.red{background:#ff5f57}.t-dot.yellow{background:#febc2e}.t-dot.green{background:#28c840}.mini-terminal-body{padding:.9rem 1rem 1.1rem;font-family:var(--font-mono);font-size:.8rem;color:#d7deee;text-align:left;min-height:1.4rem}.t-cmd{color:#7fd8ff}.t-cursor{display:inline-block;width:7px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-.15em;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.btn{padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:.92rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px -10px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px var(--accent-glow)}.btn-secondary{background:var(--ink);color:#fff}.btn-secondary:hover{transform:translateY(-2px);background:#22262f}.btn-outline{border:1.5px solid var(--border-hover);color:var(--ink);background:transparent}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.status-pill{position:absolute;font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:.5rem .9rem;border-radius:999px;box-shadow:var(--shadow-sm);z-index:1;white-space:nowrap;display:none}@media(min-width:900px){.status-pill{display:inline-flex}}.pill-1{top:18%;left:8%;background:var(--green-soft);color:var(--green);border:1px solid rgba(22,163,74,.25)}.pill-2{top:32%;right:6%;background:var(--accent-soft);color:var(--accent-ink);border:1px solid rgba(46,91,255,.22)}.pill-3{bottom:20%;left:12%;background:var(--amber-soft);color:#a15c00;border:1px solid rgba(245,158,11,.28)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase}.scroll-indicator{width:1px;height:28px;background:linear-gradient(var(--ink-faint),transparent);animation:scroll-move 1.8s ease-in-out infinite}@keyframes scroll-move{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center}.about-image-wrapper{position:relative}.image-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;box-shadow:var(--shadow)}.about-image{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(11,14,20,.25))}.image-decoration{position:absolute;top:18px;left:18px;width:100%;height:100%;border:2px solid var(--accent);border-radius:var(--radius-lg);z-index:-1;opacity:.35}.about-content{display:flex;flex-direction:column}.about-text{display:flex;flex-direction:column;gap:1.1rem;color:var(--ink-soft);margin-bottom:2.25rem}.about-text strong{color:var(--ink);font-weight:700}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:1.75rem;border-top:1px solid var(--border)}.stat-number{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.1rem);color:var(--accent)}.stat-label{font-size:.8rem;color:var(--ink-faint);margin-top:.2rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);transform-style:preserve-3d;will-change:transform;position:relative;overflow:hidden}.project-progress{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--green));transform:scaleX(0);transform-origin:left;z-index:3}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.project-card.featured{border-color:var(--accent-soft);background:linear-gradient(180deg,#fff,#fbfcff)}.project-card-inner{padding:1.75rem;display:flex;flex-direction:column;height:100%}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-meta{display:flex;align-items:center;gap:.6rem}.project-number{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faint)}.project-badge{font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge-building{background:var(--accent-soft);color:var(--accent-ink)}.badge-shipped{background:var(--green-soft);color:var(--green)}.project-links{display:flex;gap:.6rem}.project-link{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--ink-faint);transition:color .2s var(--ease)}.project-link:hover{color:var(--accent)}.project-link-live:hover{color:var(--green)}.project-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin-bottom:.6rem;color:var(--ink)}.project-description{color:var(--ink-soft);font-size:.92rem;margin-bottom:1.1rem;flex:1}.project-deploy{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);margin-bottom:1.1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{font-size:.7rem;font-family:var(--font-mono);padding:.25rem .55rem;border-radius:6px;background:var(--bg-alt);color:var(--ink-soft);border:1px solid var(--border)}.projects-footer{text-align:center;margin-top:3rem}@media(max-width:980px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:660px){.projects-grid{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.5rem}.skill-group{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}.skill-group:hover{transform:translateY(-4px);border-color:var(--border-hover);background:#fff;box-shadow:var(--shadow-sm)}.skill-group-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.skill-group-icon{font-size:1.2rem}.skill-group-category{font-weight:700;font-size:.85rem;color:var(--ink)}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-pill{font-size:.72rem;font-family:var(--font-mono);padding:.3rem .6rem;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--ink-soft)}.skills-note{padding:1.1rem 1.5rem;background:var(--accent-soft);border:1px solid rgba(46,91,255,.18);border-radius:var(--radius);color:var(--accent-ink);font-size:.9rem}.skills-note strong{font-weight:700}@media(max-width:980px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.skills-grid{grid-template-columns:1fr}}.contact-content{text-align:center;max-width:640px;margin:0 auto}.contact-text p{color:var(--ink-soft);font-size:1.02rem;margin-top:.75rem}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.75rem}.contact-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.75rem 1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.contact-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow)}.contact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:50%;transition:background .3s var(--ease),color .3s var(--ease)}.contact-card:hover .contact-icon{background:var(--accent);color:#fff}.contact-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.contact-value{font-weight:600;color:var(--ink);font-size:.9rem;word-break:break-word}@media(max-width:660px){.contact-grid{grid-template-columns:1fr}}.footer{padding:2.5rem 2rem;text-align:center;border-top:1px solid var(--border)}.footer-content p{font-size:.85rem;color:var(--ink-faint)}.footer-content strong{color:var(--ink)}.footer-tech{margin-top:.4rem;font-family:var(--font-mono);font-size:.75rem}@media(max-width:860px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-image-wrapper{max-width:340px;margin:0 auto}.section{padding:5rem 0}}@media(max-width:480px){.about-stats{grid-template-columns:1fr;gap:1rem;text-align:left}}