*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--off:#f7f7f8;--mist:#f0f0f3;--rule:#e4e4ea;--rule2:#ccccd6;--ink:#0d0d12;--ink2:#3d3d4e;--ink3:#8888a0;--ink4:#b0b0c4;--blue:#3b5bdb;--blue-l:#eef1fd;--blue-b:#c5cff8;--blue-h:#2f4ac6;--teal:#0d9488;--teal-l:#ecfdf8;--teal-b:#99e6d8;--amber:#d97706;--amber-l:#fffbeb;--amber-b:#fcd34d;--violet:#7c3aed;--violet-l:#f3f0ff;--violet-b:#c4b5fd;--green:#25d366;--green-l:#f0fdf4;--green-b:#86efac;--sans:"Inter",sans-serif;--display:"Syne",sans-serif;--mono:"JetBrains Mono",monospace;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 3px #0d0d120f,0 1px 2px #0d0d120a;--shadow:0 4px 16px #0d0d1214,0 1px 4px #0d0d120a}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}#progress{background:linear-gradient(90deg,var(--blue),var(--teal));z-index:1000;width:0%;height:2.5px;transition:width 80ms linear;position:fixed;top:0;left:0}#cur-dot{background:var(--blue);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:transform .1s;position:fixed;transform:translate(-50%,-50%)}#cur-ring{pointer-events:none;z-index:9998;border:1.5px solid #3b5bdb4d;border-radius:50%;width:30px;height:30px;transition:width .2s,height .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}body.hovering #cur-dot{background:var(--blue);transform:translate(-50%,-50%)scale(2.2)}body.hovering #cur-ring{border-color:#3b5bdb80;width:46px;height:46px}.back-to-top{z-index:480;background:var(--blue);color:#fff;border:1px solid var(--blue-b);opacity:0;pointer-events:none;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .2s,visibility .2s,transform .2s,background .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)scale(.96);box-shadow:0 8px 24px #3b5bdb47}.back-to-top.show{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}.back-to-top:hover{background:var(--blue-h);transform:translateY(-3px);box-shadow:0 12px 30px #3b5bdb5c}.back-to-top i{font-size:20px}nav{z-index:500;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--rule);background:#ffffffeb;justify-content:space-between;align-items:center;height:58px;padding:0 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.nav-logo-img{object-fit:cover;border-radius:7px;width:30px;height:30px;transition:transform .28s cubic-bezier(.4,0,.2,1)}.nav-logo:hover .nav-logo-img{transform:rotate(-12deg)scale(1.08)}.nav-logo span{color:var(--blue)}.nav-links{gap:0;list-style:none;display:flex;position:relative}.nav-links a{color:var(--ink3);letter-spacing:.04em;border-radius:var(--radius-sm);text-transform:uppercase;z-index:1;padding:6px 14px;font-size:12px;font-weight:500;transition:color .22s,background .22s;position:relative}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--blue);font-weight:600}#nav-pill{background:var(--blue-l);border:1px solid var(--blue-b);border-radius:var(--radius-sm);pointer-events:none;z-index:0;opacity:0;height:30px;transition:left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.hamburger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:4px;transition:background .18s;display:none}.hamburger:hover{background:var(--mist)}.hamburger span{background:var(--ink);border-radius:2px;width:22px;height:2px;transition:all .28s cubic-bezier(.4,0,.2,1);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--rule);z-index:490;opacity:0;pointer-events:none;background:#fffffff7;flex-direction:column;gap:4px;padding:1rem 1.25rem 1.5rem;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .28s;display:flex;position:fixed;top:58px;left:0;right:0;transform:translateY(-110%)}.mobile-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-menu a{font-size:15px;font-weight:600;font-family:var(--display);color:var(--ink);border-radius:var(--radius);letter-spacing:-.01em;padding:11px 14px;transition:background .18s,color .18s}.mobile-menu a:hover,.mobile-menu a.active{background:var(--blue-l);color:var(--blue)}.container{max-width:960px;margin:0 auto;padding:0 2.5rem}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:70ms}.delay-2{transition-delay:.14s}.delay-3{transition-delay:.21s}.delay-4{transition-delay:.28s}.delay-5{transition-delay:.35s}.delay-6{transition-delay:.42s}section{padding:5.5rem 0}section:first-of-type{padding-top:9rem}.section-eyebrow{font-family:var(--mono);color:var(--blue);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:1rem;font-size:10px;display:inline-flex}.section-eyebrow:before{content:"";background:var(--blue);width:20px;height:1.5px;display:inline-block}.section-title{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin-bottom:2.5rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;line-height:1.1}#skills .section-title{margin-bottom:1.7rem}hr.divider{border:none;border-top:1px solid var(--rule);max-width:960px;margin:0 auto}.hero-section{padding-top:9rem;padding-bottom:5.5rem}.hero-inner{grid-template-columns:1fr auto;align-items:center;gap:3rem;display:grid}.hero-badge{background:var(--blue-l);border:1px solid var(--blue-b);color:var(--blue);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;gap:7px;margin-bottom:2rem;padding:5px 14px;font-size:10px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.hero-name{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);margin-bottom:1rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:.95}.hero-name .accent{color:var(--blue)}.hero-roles{align-items:center;gap:10px;height:28px;margin-bottom:1.75rem;display:flex;overflow:hidden}.role-prefix{font-family:var(--mono);color:var(--ink3);letter-spacing:.04em;white-space:nowrap;font-size:12px}.role-ticker-wrap{flex:1;height:28px;position:relative;overflow:hidden}.role-ticker{flex-direction:column;animation:10s step-end infinite ticker;display:flex}@keyframes ticker{0%{transform:translateY(0)}20%{transform:translateY(-28px)}40%{transform:translateY(-56px)}60%{transform:translateY(-84px)}80%{transform:translateY(-112px)}}.role-item{height:28px;font-family:var(--display);white-space:nowrap;align-items:center;font-size:14px;font-weight:700;display:flex}.role-item:first-child{color:var(--blue)}.role-item:nth-child(2){color:var(--teal)}.role-item:nth-child(3){color:var(--violet)}.role-item:nth-child(4){color:var(--amber)}.role-item:nth-child(5){color:var(--blue)}.hero-desc{color:var(--ink2);max-width:500px;margin-bottom:2.5rem;font-size:15px;line-height:1.8}.hero-chips{flex-wrap:wrap;gap:7px;margin-bottom:2.75rem;display:flex}.chip{font-family:var(--mono);border:1px solid var(--rule2);color:var(--ink2);background:var(--off);letter-spacing:.04em;cursor:default;border-radius:4px;align-items:center;gap:6px;padding:4px 11px;font-size:10px;font-weight:500;transition:border-color .18s,color .18s,background .18s,transform .18s;display:inline-flex}.chip:hover{border-color:var(--blue-b);color:var(--blue);background:var(--blue-l);transform:translateY(-1px)}.chip.hi{border-color:var(--blue-b);color:var(--blue);background:var(--blue-l)}.hero-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-right{flex-direction:column;align-items:center;gap:20px;min-width:180px;display:flex}.dev-photo-wrap{flex-shrink:0;width:160px;height:160px;position:relative}.dev-photo-wrap:before{content:"";background:linear-gradient(135deg,var(--blue),var(--teal));z-index:0;border-radius:50%;position:absolute;inset:-4px}.dev-photo-wrap:after{content:"";border:3px solid var(--white);z-index:1;border-radius:50%;position:absolute;inset:0}.dev-photo{object-fit:cover;object-position:center top;z-index:2;border-radius:50%;width:160px;height:160px;display:block;position:relative}.dev-photo-placeholder{background:linear-gradient(135deg,var(--blue-l),var(--teal-l));width:160px;height:160px;color:var(--blue);z-index:2;border:3px solid var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:56px;display:flex;position:relative}.dev-status-badge{z-index:3;background:var(--white);border:2px solid var(--white);box-shadow:var(--shadow);font-family:var(--mono);color:var(--ink2);letter-spacing:.06em;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 10px 3px 6px;font-size:9px;display:flex;position:absolute;bottom:6px;right:6px}.dev-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}.hero-stats{flex-direction:column;gap:12px;width:100%;display:flex}.stat-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;padding:1rem 1.2rem;transition:border-color .2s,box-shadow .2s,transform .2s}.stat-card:hover{border-color:var(--blue-b);box-shadow:var(--shadow);transform:translateY(-2px)}.stat-num{font-family:var(--display);color:var(--blue);letter-spacing:-.04em;font-size:1.8rem;font-weight:800;line-height:1}.stat-label{font-family:var(--mono);color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:9px}.btn{font-family:var(--sans);border-radius:var(--radius);cursor:pointer;letter-spacing:.01em;border:none;align-items:center;gap:7px;padding:11px 22px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 12px #3b5bdb47}.btn-primary:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 4px 20px #3b5bdb61}.btn-secondary{background:var(--white);color:var(--ink);border:1px solid var(--rule2);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--rule2);background:var(--off);box-shadow:var(--shadow);transform:translateY(-1px)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:stretch;gap:12px;display:grid}.skill-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;height:100%;min-height:178px;padding:1.1rem 1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.skill-card:hover{border-color:var(--rule2);box-shadow:var(--shadow);transform:translateY(-2px)}.skill-card-header{align-items:center;gap:10px;min-height:34px;display:flex}.skill-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.si-blue{background:var(--blue-l);color:var(--blue)}.si-teal{background:var(--teal-l);color:var(--teal)}.si-violet{background:var(--violet-l);color:var(--violet)}.si-amber{background:var(--amber-l);color:var(--amber)}.skill-card-title{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:700;line-height:1.25}.skill-pills{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.pill{min-height:24px;color:var(--ink2);background:var(--mist);border:1px solid var(--rule);cursor:default;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:11px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.pill:hover{background:var(--off);color:var(--ink);border-color:var(--rule2)}.exp-timeline{flex-direction:column;display:flex}.exp-item{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:1.5rem;padding:2rem 0;display:grid;position:relative}.exp-item:first-child{padding-top:0}.exp-item:last-child{border-bottom:none;padding-bottom:0}.exp-role{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin-bottom:3px;font-size:16px;font-weight:700}.exp-company{font-family:var(--mono);letter-spacing:.04em;margin-bottom:.75rem;font-size:11px}.exp-company.c-blue{color:var(--blue)}.exp-company.c-teal{color:var(--teal)}.exp-company.c-violet{color:var(--violet)}.exp-badge{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;border-radius:4px;align-items:center;gap:5px;margin-bottom:1rem;padding:3px 9px;font-size:9px;font-weight:500;display:inline-flex}.badge-ft{background:var(--teal-l);color:var(--teal);border:1px solid var(--teal-b)}.badge-pt{background:var(--amber-l);color:var(--amber);border:1px solid var(--amber-b)}.badge-intern{background:var(--violet-l);color:var(--violet);border:1px solid var(--violet-b)}.exp-bullets{flex-direction:column;gap:5px;list-style:none;display:flex}.exp-bullets li{color:var(--ink2);padding-left:16px;font-size:12.5px;line-height:1.65;position:relative}.exp-bullets li:before{content:"";background:var(--rule2);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.exp-meta{text-align:right}.exp-date{font-family:var(--mono);color:var(--ink3);white-space:nowrap;letter-spacing:.04em;font-size:10px;line-height:1.6}.projects-list{flex-direction:column;gap:14px;display:flex}.project-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";background:linear-gradient(180deg,var(--blue),var(--teal));transform-origin:bottom;border-radius:3px 0 0 3px;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-card:hover{border-color:var(--blue-b);box-shadow:var(--shadow);transform:translateY(-2px)}.project-card:hover:after{transform:scaleY(1)}.project-card-static{cursor:default}.project-card-static:hover{border-color:var(--rule);box-shadow:var(--shadow-sm);transform:none}.project-card-static:hover:after{transform:scaleY(0)}.proj-icon-wrap{border-radius:var(--radius);background:var(--blue-l);width:46px;height:46px;color:var(--blue);border:1px solid var(--blue-b);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:background .18s;display:flex}.project-card:hover .proj-icon-wrap{background:var(--blue);color:#fff}.project-card-static:hover .proj-icon-wrap{background:var(--blue-l);color:var(--blue)}.proj-info{flex:1}.proj-title{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin-bottom:3px;font-size:15px;font-weight:700;transition:color .18s}.project-card:hover .proj-title{color:var(--blue)}.project-card-static:hover .proj-title{color:var(--ink)}.proj-url{font-family:var(--mono);color:var(--ink3);letter-spacing:.03em;margin-bottom:.6rem;font-size:10px}.proj-desc{color:var(--ink2);margin-bottom:.75rem;font-size:12px;line-height:1.6}.proj-tags{flex-wrap:wrap;gap:6px;display:flex}.ptag{font-family:var(--mono);color:var(--ink3);border:1px solid var(--rule);background:var(--off);letter-spacing:.05em;text-transform:uppercase;border-radius:3px;align-items:center;gap:5px;padding:2px 8px;font-size:9px;font-weight:500;display:inline-flex}.brand-icon{object-fit:contain;flex-shrink:0;width:14px;height:14px;display:inline-block}.ptag .brand-icon{width:12px;height:12px}.ai-api-icon,.groq-icon,.codex-icon{border-radius:4px}.brand-icon-fallback{color:currentColor;flex-shrink:0;font-size:14px;line-height:1}.ptag .brand-icon-fallback{font-size:12px}.proj-arrow{color:var(--ink4);flex-shrink:0;font-size:18px;transition:color .18s,transform .18s}.project-card:hover .proj-arrow{color:var(--blue);transform:translate(2px,-2px)}.ach-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;display:grid}.ach-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.25rem 1.4rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.ach-card:hover{border-color:var(--rule2);box-shadow:var(--shadow);transform:translateY(-2px)}.ach-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.ai-gold{background:var(--amber-l);color:var(--amber);border:1px solid var(--amber-b)}.ai-blue{background:var(--blue-l);color:var(--blue);border:1px solid var(--blue-b)}.ai-teal{background:var(--teal-l);color:var(--teal);border:1px solid var(--teal-b)}.ai-violet{background:var(--violet-l);color:var(--violet);border:1px solid var(--violet-b)}.ach-label{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}.ach-sub{color:var(--ink3);font-size:11px;line-height:1.5}.edu-list{flex-direction:column;gap:14px;display:flex}.edu-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.edu-card:hover{border-color:var(--rule2);box-shadow:var(--shadow);transform:translateY(-2px)}.edu-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.ei-blue{background:var(--blue-l);color:var(--blue);border:1px solid var(--blue-b)}.ei-teal{background:var(--teal-l);color:var(--teal);border:1px solid var(--teal-b)}.edu-degree{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;font-size:14px;font-weight:700}.edu-school{color:var(--ink2);font-size:12px}.edu-year{font-family:var(--mono);color:var(--ink3);white-space:nowrap;letter-spacing:.04em;font-size:10px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.contact-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.1rem 1.4rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.contact-card:hover{border-color:var(--blue-b);box-shadow:var(--shadow);transform:translateY(-2px)}.contact-card.whatsapp-card:hover{border-color:var(--green-b)}.contact-icon{background:var(--blue-l);width:36px;height:36px;color:var(--blue);border:1px solid var(--blue-b);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .18s,color .18s;display:flex}.contact-card:hover .contact-icon{background:var(--blue);color:#fff}.contact-icon.whatsapp-icon{background:var(--green-l);color:var(--green);border-color:var(--green-b)}.contact-card.whatsapp-card:hover .contact-icon.whatsapp-icon{background:var(--green);color:#fff}.contact-card>div:not(.contact-icon){flex:1;min-width:0}.contact-label{font-family:var(--mono);color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:9px}.contact-value{color:var(--ink);overflow-wrap:anywhere;word-break:break-word;font-size:12.5px;font-weight:500}.pdf-card{cursor:pointer;border:1px solid var(--rule);text-align:left;width:100%;font-family:inherit}.pdf-card:hover{border-color:#dc2626!important}.contact-icon.pdf-icon{color:#dc2626;background:#fff1f2;border-color:#fca5a5}.pdf-card:hover .contact-icon.pdf-icon{color:#fff;background:#dc2626}.pdf-card.generating .contact-icon.pdf-icon{color:var(--amber);border-color:var(--amber-b);background:#fef3c7;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 3rem;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{object-fit:cover;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:9px}.footer-name{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:700}.footer-name span{color:var(--blue)}.footer-meta{font-family:var(--mono);color:var(--ink3);letter-spacing:.05em;font-size:10px}.footer-built{font-family:var(--mono);color:var(--ink3);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;display:flex}.footer-tech{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-weight:500;display:inline-flex}.react-tech{background:var(--blue-l);border:1px solid var(--blue-b);color:var(--blue)}.react-tech i{font-size:14px}.ts-tech{background:var(--teal-l);border:1px solid var(--teal-b);color:var(--teal)}.ts-tech span{background:var(--teal);color:#fff;letter-spacing:0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:inline-flex}.node-tech{background:var(--green-l);border:1px solid var(--green-b);color:var(--green)}.node-tech i{font-size:14px}@media (width<=1024px){#cur-dot,#cur-ring{display:none}}@media (width<=768px){nav{padding:0 1.25rem}.nav-links{display:none}.hamburger{display:flex}.container{padding:0 1.25rem}section:first-of-type{padding-top:7rem}.hero-inner{grid-template-columns:1fr}.hero-right{min-width:unset;flex-flow:wrap;align-items:flex-start}.dev-photo-wrap,.dev-photo,.dev-photo-placeholder{width:120px;height:120px}.hero-stats{min-width:unset;flex-flow:wrap;flex:1}.stat-card{flex:1;min-width:100px;padding:.8rem 1rem}.hero-cta{justify-content:center}.back-to-top{width:42px;height:42px;bottom:16px;right:16px}footer{flex-direction:column;align-items:flex-start;padding:2rem 1.25rem}.exp-item{grid-template-columns:1fr;gap:.5rem}.exp-meta{text-align:left}.edu-card{grid-template-columns:auto 1fr}.edu-year{display:none}.hero-name{font-size:3rem}.project-card{flex-direction:column;align-items:flex-start;gap:1rem}.proj-arrow{display:none}}@media (width<=480px){.hero-right{flex-direction:column;align-items:center}.hero-stats{grid-template-columns:1fr 1fr;width:100%;display:grid}.stat-card{min-width:unset}.hero-chips{gap:5px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dev-photo-wrap{isolation:isolate;background:0 0;border-radius:50%;overflow:visible;transform:translateZ(0)}.dev-photo-wrap:before{animation:7s linear infinite portrait-ring-spin}.dev-photo-wrap:after{box-shadow:inset 0 0 18px #3b5bdb2e,0 0 28px #0d948838}.dev-photo-stage{z-index:2;contain:paint;background:#05080d;border-radius:50%;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.dev-photo-stage:after{content:"";z-index:5;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle at 64% 42%,#7df9ff6b,#0000 15%),linear-gradient(100deg,#0000 0 44%,#7df9ff5c 50%,#0000 58%);border-radius:50%;animation:5.5s ease-in-out infinite transform-light-sweep;position:absolute;inset:0;transform:translate(-55%)skew(-10deg)}.dev-photo-human,.dev-photo-transform{object-fit:cover;object-position:center top;will-change:opacity, transform;backface-visibility:hidden;border-radius:50%;width:100%;height:100%;transform:translateZ(0)}.dev-photo-human{z-index:2;opacity:1;animation:5.5s ease-in-out infinite human-video-phase}.dev-photo-transform{z-index:3;opacity:0;animation:5.5s ease-in-out infinite robot-video-phase;position:absolute;inset:0}.transform-scan{z-index:6;pointer-events:none;filter:blur(8px);opacity:0;will-change:opacity, transform;background:linear-gradient(90deg,#0000,#7df9ffd9,#0000);border-radius:999px;width:34%;animation:5.5s ease-in-out infinite transform-scan-pass;position:absolute;inset:-18% auto -18% 48%;transform:translate(-135%)rotate(9deg)}.dev-status-badge{z-index:8}@keyframes human-video-phase{0%,18%,to{opacity:1;transform:scale(1)translateZ(0)}42%,72%{opacity:0;transform:scale(1.035)translateZ(0)}84%{opacity:.95}}@keyframes robot-video-phase{0%,20%,88%,to{opacity:0;transform:scale(1.025)translateZ(0)}42%,72%{opacity:1;transform:scale(1)translateZ(0)}}@keyframes transform-scan-pass{0%,16%,88%,to{opacity:0;transform:translate(-135%)rotate(9deg)}28%{opacity:.9}54%{opacity:.75;transform:translate(95%)rotate(9deg)}72%{opacity:0;transform:translate(120%)rotate(9deg)}}@keyframes transform-light-sweep{0%,20%,86%,to{opacity:0;transform:translate(-55%)skew(-10deg)}42%,68%{opacity:1;transform:translate(18%)skew(-10deg)}}@keyframes portrait-ring-spin{0%{filter:hue-rotate();transform:rotate(0)scale(1)}50%{filter:hue-rotate(28deg);transform:rotate(180deg)scale(1.03)}to{filter:hue-rotate();transform:rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){.dev-photo-wrap:before,.dev-photo-stage:after,.dev-photo-human,.dev-photo-transform,.transform-scan{animation:none}.dev-photo-transform,.transform-scan{opacity:0}}.portfolio-chatbot{z-index:10020;font-family:var(--sans);position:fixed;bottom:24px;left:24px}.chat-fab{border:1px solid var(--blue-b);background:var(--ink);width:48px;height:48px;color:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 12px 32px #0d0d1238}.chat-fab:hover{background:var(--blue);transform:translateY(-3px);box-shadow:0 16px 36px #3b5bdb47}.chat-fab i{font-size:22px}.chat-panel{border:1px solid var(--rule);background:#fffffffa;border-radius:8px;flex-direction:column;width:min(360px,100vw - 32px);height:min(430px,100vh - 104px);margin-bottom:12px;padding:0;display:flex;overflow:hidden;box-shadow:0 18px 48px #0d0d122e}.chat-header{border-bottom:1px solid var(--rule);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:flex}.chat-kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-size:9px}.chat-title{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:700}.chat-icon-button,.chat-send{border:1px solid var(--rule);background:var(--white);width:34px;height:34px;color:var(--ink2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:color .18s,border-color .18s,background .18s;display:flex}.chat-icon-button:hover,.chat-send:hover{background:var(--blue-l);border-color:var(--blue-b);color:var(--blue)}.chat-icon-button:disabled,.chat-send:disabled,.chat-prompts button:disabled,.chat-form input:disabled{cursor:wait;opacity:.72}.chat-send .ti-loader-2{animation:.9s linear infinite chat-spin}.chat-body{scrollbar-width:thin;scrollbar-color:var(--ink4) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.chat-body::-webkit-scrollbar{width:7px}.chat-body::-webkit-scrollbar-track{background:0 0}.chat-body::-webkit-scrollbar-thumb{background:var(--ink4);border-radius:999px}.chat-message{border-radius:8px;max-width:88%;padding:9px 11px;font-size:12px;line-height:1.55}.chat-message-line{display:block}.chat-message-line+.chat-message-line{margin-top:5px}.chat-message-space{height:8px;display:block}.chat-message strong{color:inherit;font-weight:700}.chat-message a{color:var(--blue);text-underline-offset:2px;font-weight:700;text-decoration:underline}.chat-message-image{object-fit:cover;object-position:center 28%;border-radius:7px;width:100%;max-height:280px;margin-top:10px;display:block}.chat-message.agent{color:var(--ink2);background:var(--off);border:1px solid var(--rule);align-self:flex-start}.chat-message.agent.is-typing:after{content:"";vertical-align:-2px;background:var(--blue);width:2px;height:1em;margin-left:3px;animation:.75s step-end infinite chat-cursor-blink;display:inline-block}@keyframes chat-cursor-blink{50%{opacity:0}}.chat-thinking{color:var(--ink3);align-items:center;gap:7px;display:inline-flex}.chat-thinking-dots{align-items:center;gap:3px;display:inline-flex}.chat-thinking-dots i{background:var(--blue);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite chat-thinking-bounce}.chat-thinking-dots i:nth-child(2){animation-delay:.15s}.chat-thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes chat-thinking-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-message.visitor{color:var(--white);background:var(--blue);border:1px solid var(--blue);align-self:flex-end}.chat-prompts{flex-wrap:wrap;gap:6px;padding:0 14px 12px;display:flex}.chat-prompts button{border:1px solid var(--rule);background:var(--white);color:var(--ink2);cursor:pointer;border-radius:999px;padding:5px 9px;font-size:11px;transition:color .18s,border-color .18s,background .18s}.chat-prompts button:hover{background:var(--blue-l);border-color:var(--blue-b);color:var(--blue)}.chat-form{border-top:1px solid var(--rule);flex:none;grid-template-columns:1fr auto;gap:8px;padding:12px;display:grid}.chat-form input{border:1px solid var(--rule);background:var(--white);min-width:0;color:var(--ink);font:inherit;border-radius:7px;outline:none;padding:0 11px;font-size:12px}.chat-form input:focus{border-color:var(--blue-b);box-shadow:0 0 0 3px #3b5bdb1a}@keyframes chat-spin{to{transform:rotate(360deg)}}@media (width<=768px){.portfolio-chatbot{bottom:16px;left:16px}.chat-fab{width:44px;height:44px}.chat-panel{height:min(420px,100vh - 92px)}}@media (prefers-reduced-motion:reduce){.chat-message.agent.is-typing:after{animation:none}}.contact-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch;gap:18px;display:grid}.contact-layout .contact-grid{grid-template-columns:1fr}.contact-form{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;height:100%;padding:1.6rem;display:flex}.contact-form-heading h3{font-family:var(--display);color:var(--ink);margin-bottom:4px;font-size:17px}.contact-form-heading p{color:var(--ink3);font-size:12px;line-height:1.6}.contact-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form label{font-family:var(--mono);color:var(--ink2);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:10px;font-weight:500;display:flex}.contact-form label span{color:var(--ink4);text-transform:none}.contact-form input,.contact-form textarea{font:400 13px var(--sans);color:var(--ink);background:var(--off);border:1px solid var(--rule2);border-radius:var(--radius);resize:vertical;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s,background .18s}.contact-form input:focus,.contact-form textarea:focus{background:var(--white);border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-l)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--ink4)}.contact-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.contact-form-footer{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.contact-form .btn:disabled{opacity:.7;cursor:wait}.contact-form .ti-loader-2{animation:1s linear infinite spin}.form-feedback{font-size:12px;line-height:1.5}.form-feedback.success{color:var(--teal)}.form-feedback.error{color:#dc2626}@media (width<=768px){.contact-layout,.contact-form .form-row{grid-template-columns:1fr}}