*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#07080d;--bg2:#0d0f18;--bg3:#111420;--border:#1e2235;--border2:#262b42;--cyan:#00c8ff;--cyan2:#00e5c8;--text:#c8cfe8;--muted:#5a6180;--white:#eef0f8;--dim:#8891aa;--teal:#00e5c8;--purple:#c084fc;--font-mono:"JetBrains Mono",monospace;--font-sans:"DM Sans",sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;border-bottom:1px solid var(--border);background:rgba(7,8,13,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--cyan);letter-spacing:.05em}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s;letter-spacing:.04em}.nav-links a:hover{color:var(--white)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 2.5rem 4rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;max-width:1100px;margin:0 auto;width:100%;align-items:center}.hero-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.2rem;display:flex;align-items:center;gap:8px}.hero-tag:before{content:"";display:block;width:24px;height:1px;background:var(--cyan)}h1{font-size:clamp(2.4rem,4vw,3.6rem);font-weight:600;color:var(--white);line-height:1.1;letter-spacing:-.03em;margin-bottom:1.4rem}h1 span{color:transparent;-webkit-text-stroke:1px var(--cyan);opacity:.7}.hero-desc{font-size:15px;line-height:1.8;color:var(--muted);max-width:420px;margin-bottom:2.4rem}.hero-desc strong{color:var(--text);font-weight:500}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{font-size:13px;padding:10px 22px;border-radius:6px;text-decoration:none;letter-spacing:.04em;transition:all .2s;cursor:pointer;border:none;font-family:DM Sans,sans-serif}.btn-primary{background:var(--cyan);color:#07080d;font-weight:600}.btn-primary:hover{background:#2dd8ff;box-shadow:0 0 24px rgba(0,200,255,.25)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{border-color:var(--cyan);color:var(--white)}.pipeline-wrap{position:relative}#pipeline-svg{width:100%;height:420px}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem 0;overflow:hidden;background:var(--bg2)}.ticker-inner{display:flex;gap:3rem;white-space:nowrap;animation:tick 22s linear infinite}.ticker-item{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.06em}.ticker-item span{color:var(--cyan2)}@keyframes tick{0%{transform:translateX(0)}to{transform:translateX(-50%)}}section{padding:6rem 2.5rem;max-width:1100px;margin:0 auto;width:100%}.section-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;color:var(--white);margin-bottom:.6rem;letter-spacing:-.02em}.section-sub{font-size:14px;color:var(--muted);margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.skill-cat{background:var(--bg2);padding:1.6rem;transition:background .2s}.skill-cat:hover{background:var(--bg3)}.cat-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.skill-tags{display:flex;flex-direction:column;gap:6px}.skill-tag{font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px}.skill-tag:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--border2);flex-shrink:0;transition:background .2s}.skill-cat:hover .skill-tag:before{background:var(--cyan)}.stack-viz{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;margin-top:3rem}.bar-group{gap:12px}.bar-group,.bar-item{display:flex;flex-direction:column}.bar-item{gap:5px}.bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-family:JetBrains Mono,monospace}.bar-label span:last-child{color:var(--cyan)}.bar-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--cyan2));transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.bar-fill.active{transform:scaleX(1)}.exp-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.exp-card{background:var(--bg2);padding:2rem;cursor:pointer;transition:background .2s;position:relative}.exp-card.open,.exp-card:hover{background:var(--bg3)}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.exp-role{font-size:15px;font-weight:600;color:var(--white)}.exp-co{font-size:12px;color:var(--cyan);margin-top:4px}.exp-co,.exp-period{font-family:JetBrains Mono,monospace}.exp-period{font-size:11px;color:var(--muted);white-space:nowrap}.exp-toggle{color:var(--muted);font-size:18px;transition:transform .3s;line-height:1}.exp-card.open .exp-toggle{transform:rotate(45deg)}.exp-body{max-height:0;overflow:hidden;transition:max-height .4s ease}.exp-card.open .exp-body{max-height:600px}.exp-content{padding-top:1.4rem;display:flex;flex-direction:column;gap:8px}.exp-item{font-size:13px;color:var(--muted);display:flex;gap:10px;line-height:1.6}.exp-item:before{content:"→";color:var(--cyan);flex-shrink:0;font-family:JetBrains Mono,monospace}.exp-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.tool-badge{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);background:var(--border);padding:3px 8px;border-radius:3px;letter-spacing:.06em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:0}.project-card{background:var(--bg2);padding:2rem;transition:background .2s;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--cyan2));opacity:0;transition:opacity .2s}.project-card:hover{background:var(--bg3)}.project-card:hover:before{opacity:1}.project-status{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.status-live{color:var(--cyan2)}.status-wip{color:#f59e0b}.project-title{font-size:16px;font-weight:600;color:var(--white);margin-bottom:.6rem}.project-desc{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:1.2rem}.project-stack{display:flex;flex-wrap:wrap;gap:5px}.p-tag{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);background:var(--border);padding:3px 8px;border-radius:3px}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.about-text p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:1.2rem}.about-text strong{color:var(--text)}.about-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.stat-box{background:var(--bg2);padding:1.6rem;text-align:center}.stat-num{font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:300;color:var(--white);margin-bottom:.3rem}.stat-num .unit{font-size:1.2rem;color:var(--cyan)}.stat-label{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}footer{border-top:1px solid var(--border);padding:2.5rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none;font-family:JetBrains Mono,monospace;transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-note{font-size:12px;color:var(--border2);font-family:JetBrains Mono,monospace}.hero-identity{display:flex;align-items:center;gap:12px;margin-bottom:1.2rem}.hero-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border2);flex-shrink:0}.hero-name{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--white);letter-spacing:.04em}@media (max-width:768px){.about-grid,.hero-grid,.stack-viz{grid-template-columns:1fr}.pipeline-wrap{display:block}#pipeline-svg{height:280px}nav{padding:1rem 1.5rem}section{padding:4rem 1.5rem}.hero{padding:5rem 1.5rem 3rem}.footer-links{flex-wrap:wrap;gap:1rem}}.glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.04) 0,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .1s,top .1s;z-index:0}