:root{--bg: #0a0a0a;--panel: #111216;--panel-hover: #171922;--text: #eceff4;--muted: #a7afbf;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .2);--border: rgba(255, 255, 255, .08);--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.65}.site-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}#mesh-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.45}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at 50% 30%,black 35%,transparent 75%);mask-image:radial-gradient(circle at 50% 30%,black 35%,transparent 75%)}.glow{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(85px);opacity:.28;background:var(--accent)}.glow-a{top:-8vw;left:-10vw;animation:floatA 16s ease-in-out infinite}.glow-b{bottom:-12vw;right:-10vw;animation:floatB 18s ease-in-out infinite}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(5vw,4vw)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(-5vw,-3vw)}}.topbar{position:sticky;top:0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a0a0abf;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,3vw,2.5rem);z-index:10}.brand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.06em}nav{display:flex;gap:clamp(.75rem,2vw,1.25rem)}nav a{text-decoration:none;color:var(--muted);font-size:.93rem;transition:color .2s ease}nav a:hover{color:var(--text)}main{width:min(1120px,92vw);margin:0 auto}.section{padding:clamp(3rem,8vw,6rem) 0}.hero{min-height:88vh;display:grid;align-content:center;gap:1rem}h1{font-size:clamp(2.7rem,7vw,5.4rem);margin:0;letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1.2rem;letter-spacing:-.01em}h3{margin:0;font-size:1.08rem}p{margin:0;color:var(--muted)}.intro{color:#9fb7de}.tagline{color:var(--text);font-size:clamp(1.1rem,2.3vw,1.45rem);font-weight:600}.hero-copy{max-width:62ch;font-size:1.04rem}.cta-row{margin-top:.6rem;display:flex;gap:.8rem;flex-wrap:wrap}.btn{text-decoration:none;font-weight:600;font-size:.94rem;border-radius:10px;padding:.62rem 1.02rem;border:1px solid transparent;transition:transform .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4e8ef7}.btn-ghost{color:var(--text);border-color:var(--border);background:#ffffff08}.btn-ghost:hover{border-color:var(--accent-soft);background:#ffffff12}.mono,.tags span,.badge{font-family:var(--mono)}.timeline,.project-grid,.skills-grid{display:grid;gap:1rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(145deg,#ffffff08,#ffffff04);border:1px solid var(--border);border-radius:14px;padding:1.08rem;transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-4px);border-color:#3b82f659;background:var(--panel-hover)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.45rem}.org{color:#c7d0de;font-weight:500;margin-bottom:.55rem}.detail-list{margin:0;padding-left:1.1rem;color:var(--muted);display:grid;gap:.35rem}.detail-list li::marker{color:#8caef3}.badge{border:1px solid rgba(59,130,246,.5);color:#94bcff;background:#3b82f61f;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;white-space:nowrap}.tags{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.8rem}.tags span{font-size:.73rem;padding:.28rem .52rem;border-radius:999px;background:#ffffff0f;color:#d7deeb;border:1px solid rgba(255,255,255,.08)}.contact-links{display:flex;flex-wrap:wrap;gap:.9rem}.contact-links a{text-decoration:none;color:#a7c7ff;border-bottom:1px solid transparent;transition:border-color .2s ease}.contact-links a:hover{border-color:#a7c7ff}footer{width:min(1120px,92vw);margin:0 auto;padding:1.5rem 0 2rem;border-top:1px solid var(--border)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 980px){.project-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){nav{display:none}.hero{min-height:82vh}.project-grid,.skills-grid{grid-template-columns:1fr}.card-head{align-items:flex-start;flex-direction:column}}