:root{--bg:#0B132B;--bg-alt:#0D1B3D;--surface:rgba(255,255,255,.035);--surface-solid:#0D1B3D;--border:rgba(143,161,179,.16);--text:#F8FAFC;--text-secondary:#8FA1B3;--accent:#1565FF;--accent-2:#00D4FF;--nav-bg: rgba(11,19,43,.72);--shadow: 0 20px 50px rgba(0,0,0,.35)}html[data-theme=light]{--bg:#F8FAFC;--bg-alt:#EEF2F8;--surface:#FFFFFF;--surface-solid:#FFFFFF;--border:rgba(11,19,43,.09);--text:#0B132B;--text-secondary:#57708A;--accent:#1565FF;--accent-2:#0092B0;--nav-bg: rgba(248,250,252,.78);--shadow: 0 20px 50px rgba(11,19,43,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}::selection{background:var(--accent);color:#fff}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 40px}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:border-color .35s ease,background .35s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:34px;width:auto;border-radius:8px;display:block}.brand-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;color:var(--text);line-height:1.1}.brand-role{font-size:11px;color:var(--text-secondary)}.nav-links{display:none;align-items:center;gap:2px}@media(min-width:1024px){.nav-links{display:flex}}.nav-links a{position:relative;text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 14px;border-radius:8px;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--accent);border-radius:2px}.nav-right{display:flex;align-items:center;gap:10px}.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,transform .15s ease}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:active{transform:scale(.94)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;font-family:Inter,sans-serif}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px #1565ff47}.btn-primary:hover{background:#2f74ff}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:9px 16px;font-size:13px}.hamburger{display:flex;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);align-items:center;justify-content:center;cursor:pointer}@media(min-width:1024px){.hamburger{display:none}}.mobile-menu{position:fixed;inset:72px 0 0;z-index:99;background:var(--bg);padding:28px 24px;overflow-y:auto;display:none;flex-direction:column;gap:4px}.mobile-menu.open{display:flex}.mobile-menu a{text-decoration:none;color:var(--text);font-size:19px;font-weight:500;padding:14px 4px;border-bottom:1px solid var(--border);font-family:Space Grotesk,sans-serif}section{position:relative;padding:104px 0}.section-alt{background:var(--bg-alt)}.eyebrow{font-size:13px;color:var(--accent-2);font-weight:600;margin:0 0 10px}.section-head{max-width:640px;margin-bottom:56px}.section-head h2{font-size:clamp(28px,4vw,38px);margin:0 0 14px;font-weight:600}.section-head p{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}.hero{padding:168px 0 100px}.hero-grid{display:grid;grid-template-columns:1fr;gap:56px;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1.6fr 1fr;gap:48px}}.hero-kicker{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:15px;margin-bottom:18px}.hero-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px #00d4ff26}.hero h1{font-size:clamp(38px,6vw,60px);line-height:1.04;margin:0 0 6px;font-weight:700}.hero .role{font-size:clamp(20px,3vw,28px);font-weight:600;margin:0 0 22px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede{color:var(--text-secondary);font-size:17px;line-height:1.75;max-width:520px;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}.hero-socials{display:flex;align-items:center;gap:14px;margin-bottom:40px}.social-btn{width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);transition:border-color .2s ease,color .2s ease,transform .15s ease}.social-btn:hover{border-color:var(--accent);color:var(--accent-2);transform:translateY(-2px)}.stack-row{display:flex;flex-wrap:wrap;gap:9px}.chip{font-size:12.5px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);padding:7px 12px;border-radius:8px;background:var(--surface);font-family:Space Grotesk,sans-serif}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-visual svg{width:100%;height:auto;display:block}.profile-wrap{position:relative;width:100%;max-width:340px;margin:0 auto}.profile-glow{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.28),rgba(21,101,255,.14) 45%,transparent 72%);filter:blur(18px);z-index:0}.profile-frame{position:relative;z-index:2;border-radius:50%;padding:6px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 24px 60px #0b132b73,0 0 0 1px #00d4ff26}html[data-theme=light] .profile-frame{box-shadow:0 24px 50px #0b132b24,0 0 0 1px #00d4ff2e}.profile-frame-inner{border-radius:50%;overflow:hidden;background:var(--bg-alt);aspect-ratio:1/1}.profile-frame-inner img{width:100%;height:100%;object-fit:cover;display:block}.profile-orbit{position:absolute;inset:-13%;border-radius:50%;border:1px dashed rgba(0,212,255,.28);z-index:1;animation:spin 34s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;background:var(--surface-solid);border:1px solid var(--border);border-radius:11px;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--text);box-shadow:var(--shadow);font-family:Space Grotesk,sans-serif}.profile-badge svg{width:15px;height:15px;color:var(--accent-2);flex-shrink:0}.profile-badge.b1{top:6%;left:-8%}.profile-badge.b2{bottom:8%;right:-10%}@media(max-width:420px){.profile-badge{display:none}}@media(prefers-reduced-motion:reduce){.profile-orbit{animation:none}}.about-grid{display:grid;grid-template-columns:1fr;gap:44px}@media(min-width:1024px){.about-grid{grid-template-columns:1.15fr .85fr;gap:60px}}.about-copy p{color:var(--text-secondary);font-size:16px;line-height:1.85;margin:0 0 20px}.about-copy strong{color:var(--text);font-weight:600}.stack-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.highlight-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.hcard{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:22px 18px;transition:border-color .2s ease,transform .2s ease}.hcard:hover{border-color:var(--accent);transform:translateY(-3px)}.hcard svg{width:22px;height:22px;color:var(--accent-2);margin-bottom:14px}.hcard h4{font-size:15px;margin:0;font-weight:600}.services-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:700px){.services-grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:28px 24px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.service-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}.service-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1565ff29,#00d4ff1a);margin-bottom:20px;color:var(--accent-2)}.service-icon svg{width:22px;height:22px}.service-card h3{font-size:17px;margin:0 0 8px;font-weight:600}.service-card p{color:var(--text-secondary);font-size:14.5px;line-height:1.65;margin:0}.skills-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:720px){.skills-grid{grid-template-columns:1fr 1fr}}.skill-group{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:12px;padding:24px 24px 22px}.skill-group h3{font-size:15.5px;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:9px}.skill-group h3 svg{width:17px;height:17px;color:var(--accent-2)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:13px;padding:6px 11px;border-radius:7px;background:var(--bg-alt);color:var(--text-secondary);border:1px solid var(--border);font-family:Space Grotesk,sans-serif}html[data-theme=light] .skill-group{background:var(--surface)}html[data-theme=light] .tag{background:#f1f5f9}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--accent),var(--accent-2),transparent);opacity:.5}.tl-item{position:relative;padding-bottom:44px}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-32px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent-2);box-shadow:0 0 0 4px var(--bg-alt)}.tl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.tl-item h3{font-size:17px;margin:0;font-weight:600}.tl-org{color:var(--accent-2);font-size:14px;font-weight:500}.tl-meta{color:var(--text-secondary);font-size:13px;white-space:nowrap}.tl-desc{color:var(--text-secondary);font-size:14.5px;line-height:1.7;margin:8px 0 12px;max-width:640px}.tl-skills{display:flex;gap:8px;flex-wrap:wrap}.edu-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:26px;display:flex;gap:18px;align-items:flex-start;margin-top:44px}.edu-card svg{width:30px;height:30px;color:var(--accent-2);flex-shrink:0;margin-top:2px}.edu-card h3{margin:0 0 4px;font-size:16px;font-weight:600}.edu-card p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.ach-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:820px){.ach-grid{grid-template-columns:repeat(3,1fr)}}.ach-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:24px}.ach-status{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#00d4ff1f;color:var(--accent-2);margin-bottom:14px}.ach-card h3{font-size:15.5px;margin:0 0 6px;font-weight:600}.ach-card p{margin:0;color:var(--text-secondary);font-size:13.5px}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1050px){.projects-grid{grid-template-columns:1fr 1fr;align-items:start}}.project-showcase{border:1px solid var(--border);background:var(--surface);border-radius:20px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.project-showcase:hover{transform:translateY(-5px);border-color:#1565ff59;box-shadow:0 18px 45px #00000024}.project-top{padding:36px 32px 0}.project-badge{font-size:12.5px;color:var(--accent-2);font-weight:600;margin-bottom:10px}.project-top h3{font-size:26px;margin:0 0 6px;font-weight:700}.project-top .ptag{color:var(--text-secondary);font-size:15px;margin:0 0 24px}.project-visual{margin:0 32px 32px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,#1565ff24,#00d4ff0f);padding:36px 24px;display:flex;align-items:center;justify-content:center}.project-visual svg{width:100%;max-width:460px;height:auto}.project-image-wrap{padding:0;overflow:hidden;background:var(--bg-alt)}.project-image-wrap img{display:block;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:cover;transition:transform .55s ease}.project-showcase:hover .project-image-wrap img{transform:scale(1.025)}.project-badges{display:flex;flex-wrap:wrap;gap:8px;padding:0 32px 28px}.project-specs{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border)}@media(min-width:860px){.project-specs{grid-template-columns:1fr 1fr}}.spec{padding:26px 32px;border-bottom:1px solid var(--border)}@media(min-width:860px){.spec{border-right:1px solid var(--border)}.spec:nth-child(2n){border-right:none}}.spec h4{font-size:13px;text-transform:none;color:var(--accent-2);margin:0 0 8px;font-weight:600}.spec p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.7}.project-actions{display:flex;flex-wrap:wrap;gap:12px;padding:28px 32px 32px}.test-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:800px){.test-grid{grid-template-columns:1fr 1fr}}.test-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:30px}.test-card svg{width:26px;height:26px;color:var(--accent);opacity:.5;margin-bottom:16px}.test-quote{font-size:16.5px;line-height:1.7;margin:0 0 22px;font-family:Space Grotesk,sans-serif;font-weight:500}.test-person{display:flex;align-items:center;gap:12px}.test-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;font-family:Space Grotesk,sans-serif;flex-shrink:0}.test-name{font-size:14.5px;font-weight:600}.test-role{font-size:13px;color:var(--text-secondary)}.contact-wrap{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:1024px){.contact-wrap{grid-template-columns:.9fr 1.1fr;gap:64px}}.contact-info h2{font-size:clamp(28px,4vw,40px);margin:0 0 16px;font-weight:600}.contact-info p{color:var(--text-secondary);font-size:16px;line-height:1.75;margin:0 0 32px;max-width:440px}.contact-item{display:flex;align-items:center;gap:14px;margin-bottom:16px}.contact-item .ic{width:42px;height:42px;border-radius:11px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0}.contact-item .ic svg{width:19px;height:19px}.contact-item a,.contact-item span{font-size:14.5px;color:var(--text);text-decoration:none}.contact-item a:hover{color:var(--accent-2)}.form-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:32px}.form-row{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:560px){.form-row.two{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:13px;color:var(--text-secondary);font-weight:500}.field input,.field textarea{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-family:Inter,sans-serif;font-size:14.5px;resize:vertical;transition:border-color .2s ease}.field input::placeholder,.field textarea::placeholder{color:var(--text-secondary);opacity:.6}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field .err{font-size:12.5px;color:#ff6b6b;min-height:14px}.form-note{font-size:12.5px;color:var(--text-secondary);margin-top:14px;line-height:1.6}.form-success{display:none;align-items:center;gap:10px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:var(--accent-2);padding:14px 16px;border-radius:10px;font-size:14px;margin-bottom:18px}.form-success.show{display:flex}.form-error{display:none;align-items:center;gap:10px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:14px 16px;border-radius:10px;font-size:14px;margin-bottom:18px}.form-error.show{display:flex}.form-card button:disabled{opacity:.65;cursor:not-allowed}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}footer{border-top:1px solid var(--border);padding:56px 0 32px}.footer-grid{display:grid;grid-template-columns:1fr;gap:36px}@media(min-width:768px){.footer-grid{grid-template-columns:1.3fr .7fr .7fr}}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;text-decoration:none}.footer-brand img{height:32px;border-radius:7px}.footer-col h4{font-size:13.5px;margin:0 0 16px;font-weight:600;color:var(--text)}.footer-col a{display:block;text-decoration:none;color:var(--text-secondary);font-size:14px;padding:5px 0}.footer-col a:hover{color:var(--accent-2)}.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:40px;padding-top:24px;color:var(--text-secondary);font-size:13px}.footer-socials{display:flex;gap:10px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}*{animation:none!important}}@media(max-width:767px){.container{padding-left:18px;padding-right:18px}section{padding:76px 0}.hero{padding:118px 0 72px}.hero-grid{gap:40px}.hero h1{font-size:clamp(34px,10vw,44px);line-height:1.06}.hero .role{font-size:21px;line-height:1.25;margin-bottom:18px}.hero p.lede{font-size:15px;line-height:1.7;margin-bottom:26px}.hero-actions{gap:10px;margin-bottom:26px}.hero-actions .btn{flex:1 1 145px;min-height:44px;padding:11px 16px}.hero-socials{margin-bottom:28px}.profile-wrap{max-width:285px}.profile-orbit{inset:-9%}.section-head{margin-bottom:36px}.section-head h2{font-size:30px}.section-head p{font-size:15px}.highlight-cards{grid-template-columns:1fr}.service-card{padding:22px 20px}.skill-group{padding:20px 18px 18px}.timeline{padding-left:27px}.tl-dot{left:-27px}.tl-head{align-items:flex-start}.tl-meta{white-space:normal}.edu-card{padding:20px;margin-top:32px}.ach-card{padding:20px}.project-top{padding:26px 18px 0}.project-top h3{font-size:24px}.project-top .ptag{font-size:14.5px;margin-bottom:20px}.project-visual{margin:0 18px 22px;padding:24px 14px}.project-badges{padding:0 18px 22px;gap:7px}.project-actions{padding:22px 18px 24px;gap:10px}.project-actions .btn{flex:1 1 150px}.spec{padding:21px 18px}.spec p{font-size:14px;line-height:1.7}.test-card{padding:22px}.contact-wrap{gap:36px}.contact-info h2{font-size:30px}.contact-info p{font-size:15px;margin-bottom:26px}.contact-item{align-items:flex-start}.contact-item a,.contact-item span{overflow-wrap:anywhere}.form-card{padding:22px 18px}.field input,.field textarea{width:100%;box-sizing:border-box}footer{padding:42px 0 24px}.footer-grid{gap:28px}.footer-bottom{margin-top:30px;padding-top:20px}.footer-bottom>*{max-width:100%}}@media(max-width:380px){.container{padding-left:16px;padding-right:16px}.nav-inner{height:68px}.brand{gap:9px}.brand img{height:30px}.brand-name{font-size:14px}.brand-role{font-size:10px}.nav-right{gap:7px}.theme-toggle,.hamburger{width:38px;height:38px}.mobile-menu{top:68px;padding:22px 20px}.mobile-menu a{font-size:18px;padding:12px 2px}.hero{padding-top:106px}.hero-actions .btn{flex-basis:100%}.profile-wrap{max-width:260px}.project-actions .btn{flex-basis:100%}}.jobtrack-preview{display:block;width:100%;max-height:520px;object-fit:cover;object-position:top;border-radius:18px;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px #0000002e;transition:transform .35s ease,box-shadow .35s ease}.jobtrack-preview:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0000003d}.project-demo-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}