@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-app:#0a0e14;--bg-panel:#10141c;--bg-panel-raised:#141924;--bg-panel-hover:#171d29;--border:#1f2733;--border-soft:#171e29;--accent-teal:#2dd4bf;--accent-blue:#38bdf8;--accent-purple:#a78bfa;--accent-amber:#f4b860;--text-primary:#e9edf3;--text-secondary:#8b96a8;--text-muted:#4d5666;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--max-width:1180px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 15% -10%,#2dd4bf17,#0000 60%),radial-gradient(700px 500px at 100% 20%,#38bdf812,#0000 60%);position:fixed;inset:0}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}::selection{color:#fff;background:#2dd4bf40}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px;border-radius:4px}.container{max-width:var(--max-width);z-index:1;margin:0 auto;padding:0 32px;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-teal);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-teal);width:6px;height:6px;box-shadow:0 0 8px var(--accent-teal);border-radius:50%}.section-head{align-items:baseline;gap:18px;margin-bottom:48px;display:flex}.section-head .file-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(28px,3.6vw,40px);font-weight:700}.section-head .rule{background:linear-gradient(90deg,var(--border),transparent);flex:1;min-width:40px;height:1px}.section{z-index:1;padding:110px 0;position:relative}.section.alt{background:linear-gradient(#0000,#ffffff03,#0000)}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity .6s var(--ease),transform .6s var(--ease);transform:translateY(20px)}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.is-visible>:first-child{transition-delay:50ms}.reveal-stagger.is-visible>:nth-child(2){transition-delay:.14s}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.23s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.32s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.41s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.5s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-stagger>*,*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border-soft);background:#0a0e14b8;transition:border-color .3s,background .3s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{border-bottom-color:var(--border);background:#0a0e14eb}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 32px;display:flex}.brand{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand .dot-cluster{gap:4px;display:flex}.brand .dot-cluster span{border-radius:50%;width:7px;height:7px}.brand .dot-cluster span:first-child{background:#ff5f57}.brand .dot-cluster span:nth-child(2){background:#febc2e}.brand .dot-cluster span:nth-child(3){background:#28c840}.brand .accent{color:var(--accent-teal)}.tab-nav{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:2px;padding:4px;display:flex}.tab-nav button{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;transition:color .25s,background .25s;display:flex;position:relative}.tab-nav button .file-dot{background:var(--text-muted);border-radius:50%;width:5px;height:5px;transition:background .25s,box-shadow .25s}.tab-nav button:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.tab-nav button.active{color:var(--text-primary);background:var(--bg-panel-raised)}.tab-nav button.active .file-dot{background:var(--accent-teal);box-shadow:0 0 6px var(--accent-teal)}.header-actions{align-items:center;gap:14px;display:flex}.btn{font-family:var(--font-body);transition:transform .25s var(--ease),box-shadow .25s var(--ease),opacity .25s ease;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(120deg,var(--accent-teal),var(--accent-blue));color:#05161a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2dd4bf47}.btn-ghost{background:var(--bg-panel-raised);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.menu-toggle{border:1px solid var(--border);background:var(--bg-panel);width:38px;height:38px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;display:none}.mobile-nav{z-index:99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);background:#0a0e14fa;padding:28px 32px;display:none;position:fixed;inset:64px 0 0;transform:translateY(-12px)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav button{width:100%;font-family:var(--font-mono);color:var(--text-secondary);border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:16px 4px;font-size:17px;display:flex}.mobile-nav button.active{color:var(--accent-teal)}.mobile-nav .file-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.mobile-nav button.active .file-dot{background:var(--accent-teal);box-shadow:0 0 6px var(--accent-teal)}.mobile-nav .mobile-cta{margin-top:20px}@media (max-width:880px){.tab-nav,.header-actions .btn-primary{display:none}.menu-toggle{display:flex}.mobile-nav{display:block}}.hero{z-index:1;padding:168px 0 100px;position:relative}.hero-badge{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border);opacity:0;animation:fadeUp .7s var(--ease)50ms forwards;border-radius:999px;align-items:center;gap:9px;margin-bottom:28px;padding:7px 14px;font-size:12.5px;display:inline-flex}.hero-badge .pulse{background:var(--accent-teal);border-radius:50%;width:7px;height:7px;position:relative}.hero-badge .pulse:after{content:"";border:1px solid var(--accent-teal);border-radius:50%;animation:2s ease-out infinite ping;position:absolute;inset:-4px}@keyframes ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);opacity:0;animation:fadeUp .8s var(--ease).15s forwards;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:1.06}.hero-title .grad{background:linear-gradient(120deg,var(--accent-teal),var(--accent-blue));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);opacity:0;max-width:520px;animation:fadeUp .8s var(--ease).28s forwards;margin-top:22px;font-size:17.5px;line-height:1.7}.hero-sub b{color:var(--text-primary);font-weight:600}.hero-cta{opacity:0;animation:fadeUp .8s var(--ease).4s forwards;flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-socials{opacity:0;animation:fadeUp .8s var(--ease).52s forwards;gap:14px;margin-top:36px;display:flex}.icon-link{border:1px solid var(--border);background:var(--bg-panel);width:40px;height:40px;color:var(--text-secondary);transition:color .25s ease,border-color .25s ease,transform .25s var(--ease);border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-link:hover{color:var(--accent-teal);border-color:var(--accent-teal);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.terminal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:0;animation:fadeUp .9s var(--ease).3s forwards,floaty 6s ease-in-out 1.2s infinite;overflow:hidden;box-shadow:0 30px 80px -20px #0009,0 0 0 1px #ffffff05}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.terminal-bar{border-bottom:1px solid var(--border);background:var(--bg-panel-raised);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-bar span{border-radius:50%;width:10px;height:10px}.terminal-bar span:first-child{background:#ff5f57}.terminal-bar span:nth-child(2){background:#febc2e}.terminal-bar span:nth-child(3){background:#28c840}.terminal-bar .filename{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:12.5px}.terminal-body{font-family:var(--font-mono);min-height:260px;padding:24px 22px;font-size:14px;line-height:1.9}.terminal-body .ln{color:var(--text-muted);-webkit-user-select:none;user-select:none;width:20px;display:inline-block}.tok-key{color:var(--accent-purple)}.tok-var{color:var(--text-primary)}.tok-str{color:var(--accent-amber)}.tok-prop{color:var(--accent-blue)}.tok-punc{color:var(--text-muted)}.tok-fn{color:var(--accent-teal)}.cursor-blink{background:var(--accent-teal);vertical-align:-3px;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.about-copy{color:var(--text-secondary);max-width:780px;margin-bottom:48px;font-size:18px;line-height:1.85}.about-copy b{color:var(--text-primary);font-weight:600}.info-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.info-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .3s var(--ease),border-color .3s ease,background .3s ease;padding:22px 24px}.info-card:hover{background:var(--bg-panel-raised);border-color:#2dd4bf59;transform:translateY(-4px)}.info-card .icon-wrap{width:36px;height:36px;color:var(--accent-teal);background:#2dd4bf1a;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.info-card .label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:11.5px}.info-card .value{color:var(--text-primary);font-size:15.5px;font-weight:600}.timeline{padding-left:36px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--accent-teal),var(--border)85%);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.timeline-item{padding-bottom:52px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--bg-app);border:2px solid var(--accent-teal);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-36px;box-shadow:0 0 0 4px #2dd4bf1f}.timeline-head{flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin-bottom:6px;display:flex}.timeline-period{font-family:var(--font-mono);color:var(--accent-teal);letter-spacing:.04em;font-size:12.5px}.timeline-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--accent-purple);background:#a78bfa1a;border-radius:5px;padding:3px 9px;font-size:11px}.timeline-role{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:21px;font-weight:700}.timeline-org{color:var(--text-secondary);margin-bottom:3px;font-size:14.5px}.timeline-org b{color:var(--text-primary);font-weight:600}.timeline-project{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:16px;font-size:13px}.timeline-list{gap:10px;display:grid}.timeline-list li{color:var(--text-secondary);padding-left:20px;font-size:15px;line-height:1.65;position:relative}.timeline-list li:before{content:"";background:var(--accent-blue);border-radius:1px;width:6px;height:6px;position:absolute;top:9px;left:0;transform:rotate(45deg)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease;flex-direction:column;padding:28px 26px;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(140deg,#2dd4bf12,#0000 55%);transition:opacity .35s;position:absolute;inset:0}.project-card:hover{border-color:#2dd4bf4d;transform:translateY(-6px);box-shadow:0 24px 48px -20px #00000080}.project-card:hover:after{opacity:1}.project-top{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.project-icon{width:40px;height:40px;color:var(--accent-blue);background:#38bdf81a;border-radius:9px;justify-content:center;align-items:center;display:flex}.project-link{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:color .25s ease,border-color .25s ease,transform .25s var(--ease);border-radius:8px;justify-content:center;align-items:center;display:flex}.project-card:hover .project-link{color:var(--accent-teal);border-color:var(--accent-teal);transform:rotate(45deg)}.project-category{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:11px}.project-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:21px;font-weight:700}.project-card p{color:var(--text-secondary);flex:1;margin-bottom:22px;font-size:14.5px;line-height:1.65}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:11.5px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.skill-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .3s ease,transform .3s var(--ease);padding:26px 26px 22px}.skill-card:hover{border-color:#2dd4bf4d;transform:translateY(-3px)}.skill-card-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.skill-card-head .icon-wrap{width:34px;height:34px;color:var(--accent-teal);background:#2dd4bf1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.skill-card-head h3{font-family:var(--font-display);color:var(--text-primary);font-size:17px;font-weight:700}.pill-row{flex-wrap:wrap;gap:9px;display:flex}.pill{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12.5px;transition:color .25s,border-color .25s}.pill:hover{color:var(--accent-teal);border-color:var(--accent-teal)}.secondary-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.lang-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px 0;font-size:14.5px;display:flex}.lang-row:last-child{border-bottom:none}.lang-row .lang-name{color:var(--text-primary);font-weight:500}.lang-row .lang-level{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.cert-item h4{color:var(--text-primary);margin-bottom:4px;font-size:15.5px;font-weight:600}.cert-item p{font-family:var(--font-mono);color:var(--text-muted);font-size:12.5px}.contact-panel{background:var(--bg-panel);border:1px solid var(--border);text-align:center;border-radius:20px;padding:72px 40px;position:relative;overflow:hidden}.contact-panel:before{content:"";pointer-events:none;background:radial-gradient(500px 260px at 50% 0,#2dd4bf1f,#0000 70%);position:absolute;inset:0}.contact-panel h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:14px;font-size:clamp(26px,3.6vw,38px);font-weight:700;position:relative}.contact-panel>p{color:var(--text-secondary);max-width:480px;margin:0 auto 34px;font-size:16px;position:relative}.contact-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.contact-social{justify-content:center;align-items:center;gap:28px;margin-top:34px;display:flex;position:relative}.contact-social a{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;transition:color .25s;display:flex}.contact-social a:hover{color:var(--accent-teal)}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-soft);margin-top:40px;padding:36px 0 44px;font-size:13px}@media (max-width:980px){.hero-grid,.info-grid,.skills-grid,.secondary-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.container{padding:0 20px}.section{padding:80px 0}.hero{padding:130px 0 70px}.header-inner{padding:0 20px}.projects-grid{grid-template-columns:1fr}.timeline{padding-left:28px}.timeline-item:before{left:-28px}.contact-panel{padding:48px 22px}.contact-cta{flex-direction:column}.contact-cta .btn{justify-content:center;width:100%}}