:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07090d;--panel:#0f141cd1;--panel-strong:#111722;--line:#ffffff1f;--muted:#aab7c6;--soft:#d9e4ef;--cyan:#47d8ff;--lime:#92f29b;--amber:#ffd166;--rose:#ff8aa1;--shadow:0 24px 80px #0000006b;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 8%,#47d8ff29,#0000 28%),radial-gradient(circle at 86% 22%,#ffd16621,#0000 26%),linear-gradient(135deg,#07090d 0%,#0c1017 46%,#081114 100%);min-width:320px;min-height:100vh;margin:0}body:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto}.site-nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);will-change:transform;background:#07090dbd;border-radius:8px;justify-content:space-between;align-items:center;min-height:64px;margin:14px 0 34px;padding:10px 12px 10px 14px;transition:transform .24s,opacity .24s,box-shadow .24s;display:flex;position:sticky;top:14px;box-shadow:0 16px 60px #00000047}.site-nav.nav-hidden{opacity:0;pointer-events:none;box-shadow:none;transform:translateY(calc(-100% - 24px))}.brand,.desktop-nav,.hero-actions,.profile-links,.project-topline,.eyebrow,.project-link{align-items:center;display:flex}.brand{gap:10px}.brand img{object-fit:cover;object-position:center 30%;background:#47d8ff17;border:1px solid #47d8ff75;border-radius:8px;width:38px;height:38px;box-shadow:0 0 0 3px #47d8ff14,0 10px 26px #0000003d}.brand strong{font-size:.98rem}.desktop-nav{gap:4px}.desktop-nav a,.mobile-nav a{color:var(--muted);border-radius:8px;padding:10px 13px;font-size:.94rem}.desktop-nav a:hover,.mobile-nav a:hover{color:#fff;background:#ffffff12}.icon-button{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:8px;place-items:center;width:42px;height:42px;display:none}.mobile-nav{border:1px solid var(--line);background:#07090df5;border-radius:8px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0}.section-frame,.stats-grid,.project-grid,.skills-grid,.timeline,.contact-section{margin-bottom:84px}.hero{grid-template-columns:minmax(0,1.02fr) minmax(360px,.86fr);align-items:center;gap:38px;min-height:calc(100vh - 130px);padding:34px 0 58px;display:grid}.hero-copy h1{letter-spacing:0;max-width:760px;margin:18px 0;font-size:clamp(2.55rem,6vw,5.8rem);line-height:.98}.hero-text{max-width:680px;color:var(--soft);font-size:clamp(1rem,2vw,1.24rem);line-height:1.65}.eyebrow{color:var(--cyan);letter-spacing:0;text-transform:uppercase;gap:8px;margin:0;font-size:.82rem;font-weight:800}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}.primary-action,.secondary-action,.ghost-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-weight:760;display:inline-flex}.primary-action{color:#071016;background:#f8fbff}.secondary-action{color:#eaffff;background:#47d8ff17;border:1px solid #47d8ff7a}.ghost-action{border:1px solid var(--line);color:var(--soft);background:#ffffff0f}.primary-action:hover,.secondary-action:hover,.ghost-action:hover,.project-link:hover{transform:translateY(-2px)}.profile-links{flex-wrap:wrap;gap:10px;margin-top:22px}.profile-links a{color:var(--muted);align-items:center;gap:7px;font-size:.94rem;display:inline-flex}.profile-links a:hover{color:#fff}.backend-visual{border:1px solid var(--line);min-height:520px;box-shadow:var(--shadow);background:linear-gradient(145deg,#47d8ff17,#92f29b0d),#0a0e14bd;border-radius:8px;position:relative;overflow:hidden}.backend-visual:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.visual-grid{height:520px;position:relative}.node{z-index:2;background:#0a1017e0;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;min-width:112px;padding:11px 13px;display:inline-flex;position:absolute;box-shadow:0 14px 40px #00000047}.node span{color:#edf8ff;font-size:.9rem;font-weight:750}.node-0{color:var(--cyan);top:15%;left:8%}.node-1{color:var(--lime);top:10%;left:38%}.node-2{color:var(--amber);top:23%;right:8%}.node-3{color:var(--rose);top:49%;left:16%}.node-4{color:var(--cyan);top:54%;right:13%}.node-5{color:var(--lime);bottom:11%;left:36%}.route{z-index:1;transform-origin:0;background:linear-gradient(90deg,#0000,#47d8ffd9,#0000);border-radius:999px;height:2px;position:absolute}.route-a{width:47%;top:31%;left:23%;transform:rotate(7deg)}.route-b{width:51%;top:51%;left:25%;transform:rotate(-12deg)}.route-c{width:42%;top:71%;left:28%;transform:rotate(9deg)}.terminal-card{background:#03080bd1;border:1px solid #92f29b38;border-radius:8px;gap:8px;padding:18px;display:grid;position:absolute;bottom:8%;left:7%;right:7%;box-shadow:inset 0 1px #ffffff14}.terminal-card span,.terminal-card em{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.88rem;font-style:normal}.terminal-card strong{color:var(--lime);font-family:SFMono-Regular,Consolas,monospace;font-size:1.2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card,.project-card,.skill-panel,.timeline-item,.contact-section{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 18px 58px #00000038}.stat-card{padding:22px}.stat-card strong{color:#fff;margin-bottom:5px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;display:block}.stat-card span{color:var(--muted)}.section-heading{max-width:760px;margin:0 0 24px;scroll-margin-top:110px}.section-heading h2,.contact-section h2{letter-spacing:0;margin:12px 0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04}.section-heading p:not(.eyebrow),.contact-section p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.7}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{flex-direction:column;min-height:100%;padding:22px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:.16;pointer-events:none;position:absolute;inset:0}.accent-cyan:before{background:linear-gradient(145deg, var(--cyan), transparent 42%)}.accent-lime:before{background:linear-gradient(145deg, var(--lime), transparent 42%)}.accent-amber:before{background:linear-gradient(145deg, var(--amber), transparent 42%)}.project-card>*{position:relative}.project-topline{justify-content:space-between;gap:12px;margin-bottom:20px}.project-topline span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.project-icon{background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.accent-cyan .project-icon{color:var(--cyan)}.accent-lime .project-icon{color:var(--lime)}.accent-amber .project-icon{color:var(--amber)}.project-card h3{margin:0 0 12px;font-size:1.65rem}.project-card p{color:var(--soft);margin:0 0 16px;line-height:1.65}.tag-row,.chip-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span,.chip{color:#dce8f3;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.project-card ul{gap:12px;margin:20px 0 22px;padding:0;list-style:none;display:grid}.project-card li{color:var(--muted);padding-left:22px;line-height:1.55;position:relative}.project-card li:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px;position:absolute;top:.68em;left:0}.project-link{color:#fff;gap:7px;margin-top:auto;font-weight:800}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-panel{padding:20px}.skill-panel h3{color:#fff;align-items:center;gap:9px;margin:0 0 16px;display:flex}.skill-panel h3 svg{color:var(--cyan)}.timeline{gap:16px;display:grid;position:relative}.timeline:before{background:var(--line);content:"";width:1px;position:absolute;top:16px;bottom:16px;left:25px}.timeline-item{grid-template-columns:52px 1fr;gap:18px;padding:18px;display:grid;position:relative}.timeline-icon{z-index:1;width:52px;height:52px;color:var(--cyan);background:#0b1118;border:1px solid #47d8ff57;border-radius:8px;place-items:center;display:grid}.timeline-item h3{margin:5px 0;font-size:1.2rem}.timeline-item p,.timeline-item span{color:var(--muted);margin:0;line-height:1.65}.timeline-item span{color:var(--soft);margin-bottom:8px;font-weight:800;display:block}.contact-section{background:linear-gradient(145deg, #47d8ff1a, #ffd16614), var(--panel);margin-bottom:46px;padding:clamp(24px,5vw,54px)}@media (width<=980px){.hero,.project-grid,.skills-grid{grid-template-columns:1fr}.hero{min-height:auto}.backend-visual{min-height:430px}.visual-grid{height:430px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.app-shell{width:min(100% - 22px,1180px)}.desktop-nav{display:none}.icon-button{display:grid}.site-nav{margin-top:10px}.hero-copy h1{font-size:clamp(2.3rem,13vw,3.45rem)}.stats-grid{grid-template-columns:1fr}.backend-visual{min-height:360px}.visual-grid{height:360px}.node{min-width:92px;padding:9px 10px}.node span{font-size:.78rem}.terminal-card{padding:14px}.terminal-card strong{font-size:1rem}.section-frame,.stats-grid,.project-grid,.skills-grid,.timeline,.contact-section{margin-bottom:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}