:root{--bg-deep:#0D1117;--bg-surface:#161B22;--blue:#58A6FF;--green:#238636;--text-primary:#C9D1D9;--text-muted:#8B949E;--border-soft: rgba(139,148,158,.16);--border-strong: rgba(139,148,158,.3);--blue-glow: rgba(88,166,255,.12);--green-glow: rgba(35,134,54,.18);--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--font-sans: "Inter", -apple-system, sans-serif;--container: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--blue-glow);color:#fff}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.section{padding:132px 0;position:relative}.section-tight{padding:96px 0}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.82rem;color:var(--blue);letter-spacing:.02em;margin-bottom:18px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-glow);flex-shrink:0}.section-title{font-family:var(--font-sans);font-weight:800;font-size:clamp(1.9rem,3.4vw,2.7rem);color:#fff;letter-spacing:-.02em;margin:0 0 14px}.section-sub{color:var(--text-muted);font-size:1.02rem;max-width:560px;margin:0 0 56px}code,.mono{font-family:var(--font-mono)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.reveal.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{transition:none;opacity:1;transform:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--green),var(--blue));z-index:1000;width:0%;transition:width .08s linear}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--border-soft) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 10%,transparent 75%);opacity:.6}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:900;background:#0d1117d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft)}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:#fff;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.logo .bracket{color:var(--green)}.tabs{display:flex;align-items:stretch;height:60px}.tab{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);padding:0 16px;display:flex;align-items:center;gap:7px;border-right:1px solid transparent;border-left:1px solid transparent;position:relative;cursor:pointer;background:transparent;transition:color .2s ease}.tab:hover{color:var(--text-primary)}.tab .tab-dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong);transition:background .2s ease}.tab.active{color:#fff;background:var(--bg-surface);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.tab.active .tab-dot{background:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}.nav-cta{font-family:var(--font-mono);font-size:.78rem;color:var(--bg-deep);background:var(--green);padding:8px 16px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #23863659}@media (max-width: 880px){.tabs,.nav-cta span{display:none}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;padding-bottom:80px;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero-eyebrow{font-family:var(--font-mono);color:var(--green);font-size:.85rem;display:flex;align-items:center;gap:8px;margin-bottom:22px}.hero-eyebrow .blink{animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero h1{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.03em;color:#fff;margin:0 0 20px}.hero h1 .accent{color:var(--blue)}.hero p.lede{color:var(--text-muted);font-size:1.12rem;max-width:480px;margin:0 0 34px}.hero p.lede b{color:var(--text-primary);font-weight:600}.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}.btn{font-family:var(--font-mono);font-size:.86rem;padding:13px 22px;border-radius:7px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;border:1px solid transparent}.btn-primary{background:var(--blue);color:#0d1117;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #58a6ff4d}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.stat-row{display:flex;gap:34px}.stat b{display:block;font-family:var(--font-mono);font-size:1.5rem;color:#fff}.stat span{font-size:.8rem;color:var(--text-muted)}.terminal{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 30px 70px #00000073;overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:#ffffff05}.terminal-dot{width:11px;height:11px;border-radius:50%}.terminal-body{font-family:var(--font-mono);font-size:.86rem;padding:22px 20px 26px;min-height:230px;color:var(--text-primary)}.terminal-line{margin:0 0 10px;white-space:pre-wrap;word-break:break-word}.terminal-prompt{color:var(--green);margin-right:8px}.terminal-out{color:var(--text-muted)}.cursor{display:inline-block;width:7px;height:1em;background:var(--blue);vertical-align:text-bottom;margin-left:2px;animation:blink .9s steps(1) infinite}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.stat-row{flex-wrap:wrap;row-gap:16px}}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.about-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:12px;padding:26px}.avatar{width:100%;aspect-ratio:1/1;border-radius:10px;background:radial-gradient(circle at 30% 20%,var(--blue-glow),transparent 60%),linear-gradient(160deg,var(--bg-surface),#0D1117);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:3.2rem;font-weight:700;color:var(--blue);margin-bottom:20px}.fact-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--border-soft);font-size:.88rem}.fact-row:first-of-type{border-top:none}.fact-row span:first-child{color:var(--text-muted);font-family:var(--font-mono)}.fact-row span:last-child{color:var(--text-primary);font-weight:600}.about-body p{color:var(--text-muted);font-size:1.03rem;margin:0 0 18px}.about-body p b{color:var(--text-primary);font-weight:600}.about-body .highlight{color:var(--blue);font-family:var(--font-mono);font-size:.94rem}.badge-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.badge{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);border:1px solid var(--border-soft);padding:6px 12px;border-radius:20px}@media (max-width: 880px){.about-grid{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.skill-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:12px;padding:26px}.skill-card h3{font-family:var(--font-mono);font-size:.95rem;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:8px}.skill-card h3:before{content:"import";color:var(--green);font-weight:600}.skill-item{margin-bottom:16px}.skill-item:last-child{margin-bottom:0}.skill-top{display:flex;justify-content:space-between;font-size:.83rem;margin-bottom:7px}.skill-top span:first-child{color:var(--text-primary)}.skill-top span:last-child{color:var(--text-muted);font-family:var(--font-mono)}.bar-track{height:6px;border-radius:4px;background:#8b949e24;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--blue));width:0%;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}@media (max-width: 780px){.skills-grid{grid-template-columns:1fr}}.timeline{position:relative;padding-left:34px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--green),var(--border-soft))}.commit{position:relative;padding-bottom:44px}.commit:last-child{padding-bottom:0}.commit-dot{position:absolute;left:-34px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--bg-deep);border:2px solid var(--green);box-shadow:0 0 0 5px var(--green-glow)}.commit-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.commit-hash{font-family:var(--font-mono);color:var(--blue);font-size:.82rem}.commit-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.commit-msg{font-size:1.14rem;font-weight:700;color:#fff;margin:0 0 4px}.commit-role{color:var(--text-muted);font-size:.92rem;margin:0 0 12px;font-family:var(--font-mono)}.commit-body{color:var(--text-muted);font-size:.96rem}.commit-body li{position:relative;padding-left:18px;margin-bottom:7px}.commit-body li:before{content:"+";position:absolute;left:0;color:var(--green);font-family:var(--font-mono);font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.repo-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:12px;padding:24px;display:flex;flex-direction:column;height:100%;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.repo-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 18px 40px #00000059}.repo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.repo-name{font-family:var(--font-mono);font-weight:700;color:#fff;font-size:1.02rem;display:flex;align-items:center;gap:8px}.repo-star{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.repo-desc{color:var(--text-muted);font-size:.93rem;margin:0 0 18px;flex-grow:1}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{font-family:var(--font-mono);font-size:.72rem;padding:4px 10px;border-radius:5px;background:var(--blue-glow);color:var(--blue)}.repo-links{display:flex;gap:18px;border-top:1px solid var(--border-soft);padding-top:16px}.repo-link{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-muted);transition:color .2s ease}.repo-link:hover{color:var(--blue)}@media (max-width: 780px){.projects-grid{grid-template-columns:1fr}}.resume-band{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:16px;padding:52px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}.resume-band:before{content:"";position:absolute;top:-60%;right:-10%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--green-glow),transparent 70%)}.resume-copy .section-title{margin-bottom:12px}.resume-copy p{color:var(--text-muted);margin:0 0 26px;max-width:420px}.file-card{background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;position:relative;z-index:1}.file-icon{width:46px;height:46px;border-radius:8px;background:var(--blue-glow);display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.file-meta b{display:block;font-family:var(--font-mono);font-size:.92rem;color:#fff}.file-meta span{font-size:.78rem;color:var(--text-muted)}@media (max-width: 880px){.resume-band{grid-template-columns:1fr;padding:36px 24px}}.contact-wrap{text-align:center;max-width:640px;margin:0 auto}.contact-wrap .section-sub{margin-left:auto;margin-right:auto}.mail-link{font-family:var(--font-mono);font-size:clamp(1.3rem,3.6vw,2rem);font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:12px;margin-bottom:40px;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.mail-link:hover{color:var(--blue);border-color:var(--blue)}.social-row{display:flex;justify-content:center;gap:16px}.social-btn{width:48px;height:48px;border-radius:10px;border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.social-btn:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-3px)}footer{border-top:1px solid var(--border-soft);padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.82rem}.footer-tag .green{color:var(--green)}.to-top{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--border-soft);padding:8px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.to-top:hover{color:var(--blue);border-color:var(--blue)}