:root{--bg:#0a0e17;--bg-alt:#0d1220;--surface:#ffffff0b;--surface-hover:#ffffff14;--border:#ffffff17;--border-strong:#ffffff29;--text-primary:#f3f6fb;--text-secondary:#a6b0c3;--text-tertiary:#6d7690;--accent:#0176d3;--accent-light:#4fc3ff;--accent-soft:#0176d329;--accent-gradient:linear-gradient(135deg, #0176d3 0%, #00b8de 100%);--success:#2e844a;--warn:#dd7a01;--space-1:.4rem;--space-2:.8rem;--space-3:1.2rem;--space-4:1.6rem;--space-5:2.4rem;--space-6:3.2rem;--space-7:4.8rem;--space-8:6.4rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 2px 10px #00000040;--shadow-md:0 12px 32px #00000059;--shadow-lg:0 24px 60px #00000073;--shadow-glow:0 0 0 1px #0176d340, 0 20px 60px #0176d32e;--font-heading:"Sora", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--container-width:1160px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}#root{position:relative}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);font-weight:700;line-height:1.15}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-width);padding:0 var(--space-5);margin:0 auto}.section{padding:var(--space-8) 0;position:relative}.section-head{max-width:640px;margin:0 0 var(--space-6)}.section-eyebrow{align-items:center;gap:var(--space-1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);margin-bottom:var(--space-2);font-size:.78rem;font-weight:600;display:inline-flex}.section-eyebrow:before{content:"";background:var(--accent-gradient);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%}.section-title{margin-bottom:var(--space-2);font-size:clamp(1.8rem,3vw,2.4rem)}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid #0000;padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 30px #0176d359}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0176d373}.btn-ghost{background:var(--surface);color:var(--text-primary);border-color:var(--border);border-width:1px}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.pill{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;font-size:.88rem;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.pill:hover{background:var(--accent-soft);color:var(--text-primary);border-color:#0176d366;transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (width<=720px){.container{padding:0 var(--space-4)}.section{padding:var(--space-7) 0}}.nav{z-index:100;border-bottom:1px solid #0000;padding:1.25rem 0;transition:background .3s,border-color .3s,padding .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--border);background:#0a0e17b8;padding:.9rem 0}.nav__inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.nav__brand{font-family:var(--font-heading);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:flex}.nav__brand-mark{background:var(--accent-gradient);border-radius:4px;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 16px #0176d399}.nav__links{align-items:center;gap:var(--space-5);flex:1;justify-content:center;display:flex}.nav__links a{color:var(--text-secondary);padding:.3rem .1rem;font-size:.92rem;font-weight:500;transition:color .2s;position:relative}.nav__links a:after{content:"";border-radius:var(--radius-pill);background:var(--accent-gradient);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav__links a:hover,.nav__links a.is-active{color:var(--text-primary)}.nav__links a.is-active:after{transform:scaleX(1)}.nav__cta{white-space:nowrap;padding:.65rem 1.3rem;font-size:.88rem}.nav__toggle{background:0 0;border:none;flex-direction:column;gap:5px;padding:.4rem;display:none}.nav__toggle span{background:var(--text-primary);border-radius:2px;width:22px;height:2px}@media (width<=860px){.nav__links{top:68px;left:var(--space-4);right:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;background:#0d1220f7;flex-direction:column;align-items:stretch;gap:0;transition:opacity .2s,transform .2s;position:fixed;transform:translateY(-8px)}.nav__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__links li{width:100%}.nav__links a{padding:.85rem .6rem;display:block}.nav__links a:after,.nav__cta{display:none}.nav__toggle{display:flex}}.hero{padding:calc(var(--space-8) + 3rem) 0 var(--space-8);align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.hero__inner{z-index:2;gap:var(--space-6);grid-template-columns:1.35fr .65fr;align-items:center;max-width:none;display:grid;position:relative}.hero__copy{max-width:700px}.hero__portrait{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:320px;margin:0 auto;display:flex;position:relative;transform:translate(-35%)}.hero__portrait-ring{background:var(--accent-gradient);opacity:.55;filter:blur(2px);border-radius:50%;position:absolute;inset:-14px}.hero__portrait-ring:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:4px}.hero__portrait-img{z-index:1;object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-glow);border:3px solid #ffffff1f;border-radius:50%;position:relative}@media (width<=860px){.hero__inner{text-align:center;grid-template-columns:1fr}.hero__copy{order:2;max-width:none}.hero__portrait{order:1;max-width:220px;transform:none}.hero__tagline,.hero__summary{margin-left:auto;margin-right:auto}.hero__actions,.hero__badges{justify-content:center}}.hero__glow{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero__glow--one{background:radial-gradient(circle,#0176d373,#0000 70%);width:520px;height:520px;top:-160px;right:-120px}.hero__glow--two{background:radial-gradient(circle,#00b8de4d,#0000 70%);width:420px;height:420px;bottom:-180px;left:-140px}.hero__cloud{z-index:1;opacity:.5;filter:blur(1px);pointer-events:none;background:#ffffff09;border-radius:46% 54% 58% 42%/50% 45% 55% 50%;position:absolute}.hero__cloud--one{width:260px;height:120px;animation:16s ease-in-out infinite drift;top:18%;right:8%}.hero__cloud--two{width:180px;height:90px;animation:20s ease-in-out infinite reverse drift;top:58%;right:22%}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(-18px,12px)}}.hero__grid{z-index:0;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 30% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(60% 50% at 30% 30%,#000 0%,#0000 70%)}.hero__name{white-space:nowrap;margin-bottom:.4rem;font-size:clamp(1.7rem,4.4vw,3.6rem)}.hero__title{font-family:var(--font-heading);background:var(--accent-gradient);color:#0000;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}.hero__tagline{color:var(--text-primary);max-width:560px;margin-bottom:var(--space-3);font-size:1.15rem}.hero__summary{color:var(--text-secondary);max-width:620px;padding:var(--space-3);border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-5);font-size:.98rem}.hero__actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.hero__badges{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__badge{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.82rem;display:inline-flex}.hero__badge svg{color:var(--accent-light)}.hero__cert-badges{z-index:3;filter:drop-shadow(0 8px 20px #00000059);width:115%;max-width:420px;height:auto;display:block;position:absolute;top:-50%;left:-8%}@media (width<=600px){.hero{min-height:auto;padding-top:calc(var(--space-7) + 2rem)}}.about__grid{gap:var(--space-6);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.about__copy p{margin-bottom:var(--space-3);font-size:1.02rem}.about__copy p:last-child{margin-bottom:0}.about__stats{gap:var(--space-3);display:grid}.about__stat{padding:var(--space-2);flex-direction:column;gap:.15rem;display:flex}.about__stat:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-3px)}.about__stat-value{font-family:var(--font-heading);background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.about__stat-label{color:var(--text-tertiary);font-size:.85rem}@media (width<=800px){.about__grid{grid-template-columns:1fr}}.about__experience{margin-top:var(--space-7)}.about__experience-title{margin-bottom:var(--space-4);font-size:1.2rem}.about__timeline{gap:var(--space-4);padding-left:var(--space-5);border-left:1px solid var(--border);flex-direction:column;display:flex;position:relative}.about__timeline-item{position:relative}.about__timeline-dot{left:calc(var(--space-5) * -1 - 5px);background:var(--accent-gradient);width:10px;height:10px;box-shadow:0 0 0 4px var(--bg), 0 0 12px #0176d399;border-radius:50%;position:absolute;top:1.6rem}.about__timeline-content{padding:var(--space-4)}.about__timeline-content:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.about__timeline-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.about__timeline-role{margin-bottom:.15rem;font-size:1.02rem}.about__timeline-company{color:var(--accent-light);font-size:.88rem;font-weight:600}.about__timeline-period{white-space:nowrap;font-size:.78rem}.about__timeline-list{flex-direction:column;gap:.4rem;padding-left:1.1rem;list-style:outside;display:flex}.about__timeline-list li{color:var(--text-secondary);font-size:.92rem}.about__timeline-list li::marker{color:var(--accent-light)}.skills__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.skills__category{padding:var(--space-4)}.skills__category:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.skills__category-title{margin-bottom:var(--space-3);align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.skills__category-title:before{content:"";background:var(--accent-gradient);border-radius:3px;width:8px;height:8px;transform:rotate(45deg)}.skills__pills{flex-wrap:wrap;gap:.5rem;display:flex}.project-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px)scale(1.01)}.project-card__thumb{justify-content:center;align-items:center;height:170px;display:flex;position:relative}.project-card__thumb:not(.project-card__thumb--image):after{content:"";background:linear-gradient(#0000 40%,#00000040 100%);position:absolute;inset:0}.project-card__thumb img{object-fit:contain;width:100%;height:100%}.project-card__body{padding:var(--space-4);flex:1}.project-card__title{margin-bottom:var(--space-1);font-size:1.08rem}.project-card__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.project-card__link{margin:0 var(--space-4) var(--space-4);color:var(--accent-light);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.project-card__link svg{transition:transform .25s}.project-card:hover .project-card__link svg{transform:translate(4px)}.modal-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#05070c8c;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.modal-overlay.is-visible{opacity:1}.modal-dialog{background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(720px,100%);max-height:min(86vh,780px);box-shadow:var(--shadow-lg);opacity:0;flex-direction:column;transition:opacity .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;transform:scale(.94)translateY(10px)}.modal-dialog.is-visible{opacity:1;transform:scale(1)translateY(0)}.modal-scroll{overflow-y:auto}.modal-close{top:var(--space-3);right:var(--space-3);z-index:5;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e178c;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:flex;position:absolute}.modal-close:hover{background:#0a0e17d9;transform:rotate(90deg)}.modal-image{flex-shrink:0;justify-content:center;align-items:center;height:320px;display:flex;position:relative}.modal-image img{object-fit:contain;width:100%;height:100%;padding:var(--space-3)}.modal-image:not(.modal-image--photo):after{content:"";background:linear-gradient(180deg, #0000 55%, var(--bg-alt) 100%);position:absolute;inset:0}.modal-content{padding:var(--space-3) var(--space-6) var(--space-6)}.modal-title{margin-bottom:var(--space-4);font-size:1.5rem}.modal-section{margin-bottom:var(--space-5)}.modal-section:last-child{margin-bottom:0}.modal-section__title{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-light);margin-bottom:var(--space-2);align-items:center;gap:.55rem;font-size:.95rem;display:flex}.modal-section__icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-light);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.modal-section p{color:var(--text-primary);opacity:.92;font-size:.97rem}.modal-list{flex-direction:column;gap:.45rem;padding-left:1.1rem;display:flex}.modal-list li{color:var(--text-primary);opacity:.92;font-size:.95rem;position:relative}.modal-list li::marker{color:var(--accent-light)}.modal-list--solution{list-style:outside}.modal-list--solution .modal-list--solution{margin-top:.45rem;padding-left:1.2rem;list-style:circle}.modal-list:not(.modal-list--solution){list-style:outside}.modal-section--callout{padding:var(--space-4);background:var(--accent-soft);border-radius:var(--radius-md);border:1px solid #0176d359}.modal-section--callout .modal-section__title{color:var(--accent-light)}.modal-section--callout p{color:var(--text-primary);font-style:italic}@media (width<=600px){.modal-content{padding:var(--space-3) var(--space-4) var(--space-5)}.modal-image{height:170px}}.projects__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=560px){.projects__grid{grid-template-columns:1fr}}.footer{padding:var(--space-8) 0 var(--space-5);border-top:1px solid var(--border);text-align:center;background:radial-gradient(80% 60% at 50% 0,#0176d31f,#0000 70%);position:relative}.footer__inner{flex-direction:column;align-items:center;display:flex}.footer__title{margin-bottom:var(--space-2);font-size:clamp(1.6rem,3vw,2.1rem)}.footer__subtitle{margin-bottom:var(--space-4)}.footer__email-btn{margin-bottom:var(--space-6)}.footer__links{gap:var(--space-4);margin-bottom:var(--space-7);flex-wrap:wrap;justify-content:center;display:flex}.footer__link{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9rem;transition:color .2s,border-color .2s,transform .2s,background .2s;display:inline-flex}.footer__link:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-2px)}.footer__bottom{gap:var(--space-3);color:var(--text-tertiary);border-top:1px solid var(--border);padding-top:var(--space-4);flex-wrap:wrap;justify-content:center;width:100%;font-size:.82rem;display:flex}