@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,700;0,800;1,700;1,800&family=Space+Mono:wght@400;700&display=swap";.particle-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.cursor-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.loader__bar-track{position:absolute;top:0;left:0;right:0;height:2px;background:#80808014;overflow:hidden}.loader__bar-fill{height:100%;background:var(--text);transition:width .5s ease}.loader__center{display:flex;flex-direction:column;align-items:center;gap:22px}.loader__name-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.loader__name-first-wrap{position:relative;display:block;line-height:.95}.loader__name-first{display:block;font-family:var(--font-display);font-size:clamp(64px,14vw,150px);letter-spacing:clamp(8px,2.5vw,24px);line-height:.95;will-change:transform,opacity;background:linear-gradient(105deg,#fff,silver 18%,#fff 35%,#fff 50%,#d4d4d4 68%,#fff 82%,#fff);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lamine-shimmer 4s linear infinite;filter:drop-shadow(0 0 16px rgba(128,128,128,.2))}[data-theme=light] .loader__name-first{background:linear-gradient(105deg,#212121,#616161 18%,#212121 35%,#212121 50%,#424242 68%,#212121 82%,#212121);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader__name-last{display:block;font-family:var(--font-display);font-size:clamp(64px,14vw,150px);letter-spacing:clamp(8px,2.5vw,24px);color:var(--text);line-height:.95;will-change:transform,opacity;padding-left:clamp(8px,2.5vw,24px);-webkit-text-stroke:1px rgba(128,128,128,.15)}.loader__star{position:absolute;color:#ffffffb8;animation:star-twinkle var(--dur, 2.8s) ease-in-out infinite,star-drift var(--dur, 2.8s) ease-in-out infinite;pointer-events:none;display:flex;align-items:center;justify-content:center}[data-theme=light] .loader__star{color:#0000008c}.loader__star svg{width:100%;height:100%;display:block}.loader__role{font-family:var(--font-body);font-size:clamp(14px,2.2vw,22px);font-weight:700;letter-spacing:clamp(6px,2vw,14px);color:var(--gray-400);text-transform:uppercase;will-change:transform,opacity}.loader__percentage{position:absolute;bottom:32px;right:32px;font-family:var(--font-mono);font-size:11px;color:var(--gray-600);letter-spacing:2px}.topnav{position:fixed;top:0;left:0;right:0;z-index:300;display:grid;grid-template-columns:140px 1fr 140px;align-items:center;padding:16px 36px;transition:background .4s ease,backdrop-filter .4s ease,padding .4s ease;pointer-events:none}.topnav>*{pointer-events:all}.topnav--scrolled{background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:11px 36px;border-bottom:1px solid var(--gray-800)}[data-theme=light] .topnav--scrolled{background:#ffffffed!important}.topnav__slot-left{display:flex;align-items:center;justify-content:flex-start;overflow:visible}.topnav__slot-center{display:flex;align-items:center;justify-content:center}.topnav__slot-right{display:flex;align-items:center;justify-content:flex-end}.topnav__logo-hitzone{padding:14px 20px;margin:-14px -20px;display:inline-flex;align-items:baseline}.topnav__logo-anchor{display:inline-flex;align-items:baseline;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:visible}.topnav__logo-l,.topnav__logo-n,.topnav__logo-amine,.topnav__logo-eggazi{font-family:var(--font-display);font-size:44px;font-weight:900;letter-spacing:1px;line-height:1}.topnav__logo-l{display:inline-block;color:var(--gray-400)}.topnav__logo-amine{display:inline-flex;overflow:hidden;align-items:baseline;color:var(--gray-300)}.topnav__logo-n{display:inline-block;color:var(--text)}.topnav__logo-eggazi{display:inline-flex;overflow:hidden;color:var(--gray-500);align-items:baseline}.topnav__logo-overflow{display:inline-flex;align-items:baseline;overflow:hidden;vertical-align:baseline}.topnav__links{position:relative;display:flex;list-style:none;align-items:center;padding:5px;background:#80808012;border:1px solid rgba(128,128,128,.2);border-radius:100px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topnav__links-hover{position:absolute;top:5px;height:calc(100% - 10px);background:#8080801f;border-radius:100px;pointer-events:none;transition:left .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),opacity .16s ease}.topnav__link{position:relative;display:inline-flex;align-items:center;padding:10px 18px;font-family:var(--font-mono);font-size:13px;font-weight:900;letter-spacing:3px;color:var(--gray-500);text-transform:uppercase;border-radius:100px;white-space:nowrap;transition:color .2s;z-index:1}.topnav__link:hover{color:var(--gray-200)}.topnav__link--active{color:var(--text)}.topnav__tubelight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;background:#8080801a;pointer-events:none;z-index:-1;overflow:visible}.topnav__tube-bar{position:absolute;top:-1px;left:50%;transform:translate(-50%);width:40%;height:2px;background:var(--text);opacity:.85;border-radius:100px}.topnav__tube-halo{position:absolute;left:50%;transform:translate(-50%);border-radius:50%;pointer-events:none}.topnav__tube-halo--wide{top:-10px;width:72px;height:16px;background:#8080801a;filter:blur(10px)}.topnav__tube-halo--mid{top:-7px;width:48px;height:10px;background:#80808029;filter:blur(6px)}.topnav__tube-halo--tight{top:-4px;width:26px;height:6px;background:#8080803d;filter:blur(3px)}.topnav__theme-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(128,128,128,.35);color:var(--gray-400);background:#8080800f;flex-shrink:0;padding:0}.topnav__theme-btn>*{display:flex!important;align-items:center!important;justify-content:center!important}.topnav__theme-btn svg{display:block;width:16px;height:16px;flex-shrink:0}.topnav__theme-btn:hover{color:var(--text);border-color:#808080a6;background:#80808024}.topnav__right-group{display:flex;align-items:center;gap:10px}.topnav__mobile-left{display:flex;align-items:center;gap:4px}.topnav__cv-btn{display:inline-flex;align-items:center;padding:10px 18px;border:2px solid rgba(128,128,128,.35);border-radius:100px;color:var(--gray-300);background:#8080800d;font-family:var(--font-mono);font-size:11px;font-weight:900;letter-spacing:2.5px;overflow:hidden;white-space:nowrap}.topnav__cv-btn:hover{color:var(--text);border-color:#808080b3;background:#8080801f}.topnav__cv-label{font-size:11px;font-weight:900;letter-spacing:2.5px;font-family:var(--font-mono)}.topnav__cv-icon-only{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--gray-400);border-radius:8px}.topnav__cv-icon-only:hover{color:var(--text)}.topnav__burger{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:6px;z-index:400}.topnav__burger:hover{background:#8080801a}.topnav__burger-bar{display:block;width:24px;height:2px;background:var(--gray-400);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s,background .2s;transform-origin:center}.topnav__burger:hover .topnav__burger-bar{background:var(--text)}.topnav__burger--open .topnav__burger-bar:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--text)}.topnav__burger--open .topnav__burger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.topnav__burger--open .topnav__burger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--text)}.drawer{position:fixed;top:58px;left:0;right:0;bottom:0;background:var(--bg);z-index:299;overflow-y:auto;overflow-x:hidden;display:block;padding:16px 0 48px;-webkit-overflow-scrolling:touch}.drawer__nav{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 32px;gap:0;min-height:100%;justify-content:center}.drawer__link{font-family:var(--font-display);font-size:clamp(28px,8vw,56px);font-weight:900;letter-spacing:5px;color:var(--gray-600);text-transform:uppercase;transition:color .2s,transform .2s;padding:10px 0;text-align:center;width:100%;border-bottom:1px solid var(--gray-800);flex-shrink:0}.drawer__link:first-child{border-top:1px solid var(--gray-800)}.drawer__link:hover{color:var(--text);transform:translate(6px)}.drawer__separator{width:40px;height:1px;background:var(--gray-700);margin:24px auto 20px;flex-shrink:0}.drawer__theme-row{display:flex;align-items:center;justify-content:center;flex-shrink:0}.topnav__theme-btn--drawer{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;width:auto;height:auto;border-radius:100px;border:1.5px solid rgba(128,128,128,.3);color:var(--gray-400);background:#8080800f;font-family:var(--font-mono);font-size:11px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.topnav__theme-btn--drawer:hover{color:var(--text);border-color:#80808099;background:#8080801f}.topnav__theme-btn--drawer svg{width:16px;height:16px;flex-shrink:0}@media (max-height: 500px){.drawer{padding:8px 0 24px}.drawer__link{font-size:clamp(18px,5vh,28px);padding:6px 0;letter-spacing:3px}.drawer__separator{margin:10px auto 8px}.topnav__theme-btn--drawer{padding:8px 20px;font-size:10px}}@media (max-width: 1100px){.topnav{grid-template-columns:120px 1fr 120px}.topnav__link{font-size:12px;padding:9px 14px;letter-spacing:2.5px}}@media (max-width: 900px){.topnav{padding:14px 24px;grid-template-columns:110px 1fr 110px}.topnav--scrolled{padding:10px 24px}.topnav__logo-l,.topnav__logo-n,.topnav__logo-amine,.topnav__logo-eggazi{font-size:36px}.topnav__link{font-size:11px;padding:8px 11px;letter-spacing:2px}}@media (max-width: 640px){.topnav{grid-template-columns:56px 1fr 48px;padding:0 14px;height:58px}.topnav--scrolled{padding:0 14px}.topnav__slot-left,.topnav__slot-center,.topnav__slot-right{height:100%;display:flex;align-items:center}.topnav__slot-center{justify-content:center}.topnav__slot-right{justify-content:flex-end}.topnav__logo-l,.topnav__logo-n,.topnav__logo-amine,.topnav__logo-eggazi{font-size:36px}.topnav__logo-hitzone{padding:8px 12px;margin:-8px -12px}.topnav__mobile-left{gap:2px}.topnav__theme-btn{width:34px;height:34px}.topnav__cv-icon-only{width:44px;height:44px}.topnav__burger-bar{width:24px}}.scrollbar-track{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:9999;pointer-events:none}.scrollbar-fill{height:100%;width:100%;background:var(--text);transform:scaleX(0);transform-origin:left center;will-change:transform}.hero{position:relative;z-index:10;width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px var(--section-px) 80px}@supports not (height: 100dvh){.hero{min-height:100vh}}.hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;max-width:800px;width:100%}.hero__avatar{cursor:none}.hero__avatar-beam-wrap{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.hero__avatar-ring-motion{position:relative;z-index:1;border-radius:50%;line-height:0}.hero__avatar-ring{width:220px;height:220px;border-radius:50%;overflow:hidden;background:var(--gray-900);display:block;border:2px solid rgba(128,128,128,.25)}.hero__avatar-img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%);display:block}.hero__title{font-family:var(--font-display);font-size:clamp(42px,7vw,64px);font-weight:900;line-height:1;letter-spacing:4px;color:var(--gray-500);text-transform:uppercase}.hero__title-name{color:var(--text);display:block}.hero__lamine-wrap{position:relative;display:inline-block}.hero__lamine-text{display:inline-block;color:var(--text);letter-spacing:inherit}.hero__neggazi-text{display:inline-block;color:var(--text);letter-spacing:inherit;font-family:inherit;font-weight:inherit;font-size:inherit}.hero__star{position:absolute;color:#ffffffbf;animation:star-twinkle var(--dur, 2.8s) ease-in-out infinite,star-drift var(--dur, 2.8s) ease-in-out infinite;pointer-events:none;display:flex;align-items:center;justify-content:center}.hero__star svg{width:100%;height:100%;display:block}.hero__subtitle{font-family:var(--font-display);font-size:clamp(22px,4vw,28px);letter-spacing:6px;color:var(--gray-400);text-transform:uppercase;min-height:1.2em;display:flex;align-items:center;justify-content:center;white-space:nowrap}.hero__typed{display:inline-flex;align-items:center;white-space:nowrap}.hero__cursor{display:inline-block;margin-left:2px;color:var(--text);font-weight:300;animation:blink 1s step-end infinite;flex-shrink:0}@media (max-width: 480px){.hero__subtitle{white-space:normal;text-align:center;font-size:clamp(14px,5vw,22px);letter-spacing:3px}.hero__typed{display:inline;white-space:normal;word-break:break-word}.hero__cursor{display:inline;margin-left:1px}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__cta-wrap{margin-top:8px}.hero__cta{display:inline-flex;align-items:center;padding:16px 56px;background:var(--text);color:var(--bg);border-radius:100px;font-family:var(--font-display);font-size:clamp(24px,3vw,36px);letter-spacing:8px;font-weight:900;text-transform:uppercase;animation:cta-pulse 2.4s ease-in-out infinite;box-shadow:0 0 #80808066;transition:background .2s ease}.hero__cta:hover{background:var(--gray-300);animation-play-state:paused}@keyframes cta-pulse{0%{box-shadow:0 0 #80808040}50%{box-shadow:0 0 0 18px #fff0}to{box-shadow:0 0 #fff0}}@media (max-width: 900px){.hero__content{gap:22px}.hero__avatar-beam-wrap,.hero__avatar-ring{width:260px;height:260px}.hero__title{font-size:clamp(34px,8vw,70px);letter-spacing:2px}.hero__subtitle{font-size:clamp(18px,4vw,36px);letter-spacing:4px}.hero__cta{padding:14px 44px;font-size:clamp(22px,3vw,30px)}}@media (max-width: 480px){.hero{padding:90px 20px 70px;min-height:100svh}.hero__content{gap:18px}.hero__avatar-beam-wrap,.hero__avatar-ring{width:170px;height:170px}.hero__title{font-size:clamp(30px,11vw,52px);letter-spacing:1px}.hero__subtitle{font-size:clamp(16px,5.5vw,28px);letter-spacing:3px}.hero__cta{padding:13px 36px;font-size:24px;letter-spacing:5px}}@media (max-height: 600px) and (max-width: 900px){.hero{padding-top:80px;padding-bottom:40px}.hero__avatar-beam-wrap,.hero__avatar-ring{width:110px;height:110px}.hero__content{gap:10px}}[data-theme=light] .hero__title{color:var(--gray-300)}.about{padding:var(--section-py) var(--section-px);border-top:1px solid var(--gray-800);position:relative;z-index:10;display:flex;justify-content:center}.about__inner{max-width:1100px;width:100%;display:flex;flex-direction:column;gap:64px}.about__top-row{display:grid;grid-template-columns:1fr auto;gap:72px;align-items:center}.about__left{display:flex;flex-direction:column}.about__heading{font-family:var(--font-display);font-size:clamp(42px,7vw,96px);font-weight:900;line-height:1;letter-spacing:3px;color:var(--gray-700);text-transform:uppercase;margin-bottom:32px}.about__heading-accent{color:var(--text)}.about__body{font-family:var(--font-body);font-size:clamp(15px,1.6vw,19px);font-weight:600;color:var(--gray-400);line-height:1.75;max-width:500px}.about__card-stack{position:relative;flex-shrink:0;width:clamp(240px,24vw,360px);padding-bottom:22px;perspective:900px}.about__card-back{position:absolute;left:0;right:0;aspect-ratio:3 / 4;border-radius:20px;border:2px solid rgba(255,255,255,.08)}.about__card-back--1{top:8px;transform:rotate(2.5deg) translateY(4px);background:var(--gray-900);border-color:#ffffff12;z-index:1}.about__card-back--2{top:14px;transform:rotate(-3.5deg) translateY(8px);background:var(--gray-900);border-color:#ffffff0d;z-index:0;opacity:.7}[data-theme=light] .about__card-back--1{background:var(--gray-900);border-color:#0000001a}[data-theme=light] .about__card-back--2{background:var(--gray-900);border-color:#00000012}.about__tilt-card{position:relative;z-index:2;width:100%;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;cursor:none;box-shadow:0 2px 4px #00000047,0 8px 20px #00000061,0 20px 48px #0000006b;border:2px solid rgba(255,255,255,.14);transition:box-shadow .3s ease,border-color .3s ease}[data-theme=light] .about__tilt-card{border:2px solid rgba(0,0,0,.18);box-shadow:0 2px 6px #00000014,0 6px 18px #0000001a,0 14px 32px #0000001a}.about__photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:18px;position:relative;z-index:1;pointer-events:none}.about__tilt-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:18px;pointer-events:none;mix-blend-mode:screen}.about__tilt-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:18px;pointer-events:none;box-shadow:inset 0 -50px 70px #00000061,inset 0 0 0 1px #ffffff0d}.about__stats{display:flex;flex-direction:row;gap:96px;align-items:center;justify-content:center}.astat{display:flex;flex-direction:column;align-items:center;gap:4px}.astat__number{font-family:var(--font-display);font-size:clamp(58px,8vw,96px);line-height:1;color:var(--text);letter-spacing:2px}.astat__label{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:3px;color:var(--gray-600);text-transform:uppercase;text-align:center}@media (max-width: 900px){.about__top-row{grid-template-columns:1fr;gap:40px}.about__card-stack{order:-1;width:clamp(180px,42vw,280px)}.about__stats{gap:60px}.about__heading{letter-spacing:2px}}@media (max-width: 480px){.about{padding:64px 20px}.about__inner{gap:44px}.about__top-row{gap:28px}.about__card-stack{order:-1;width:75%;margin:0 auto;padding-bottom:18px}.about__tilt-card{aspect-ratio:3 / 4}.about__photo{object-position:center 10%}.about__left{align-items:center;text-align:center}.about__heading{font-size:clamp(38px,13vw,70px);letter-spacing:1px;margin-bottom:20px}.about__body{font-size:14px;max-width:100%}.about__stats{gap:28px;flex-wrap:wrap}.astat__number{font-size:clamp(48px,12vw,72px)}}[data-theme=light] .about__heading{color:var(--gray-400)}.proj-section{border-top:1px solid var(--gray-800);position:relative;z-index:10;padding-bottom:120px}.proj-section__header{padding:64px var(--section-px) 0;text-align:center}.proj-section__heading{font-family:var(--font-display);font-size:clamp(64px,12vw,150px);font-weight:900;line-height:1;letter-spacing:10px;color:var(--gray-800);text-transform:uppercase}.proj-section__heading-accent{color:var(--text)}.proj__list{display:flex;flex-direction:column;padding-top:80px}.proj__card{width:65%;margin:0 auto;padding-bottom:96px;border-bottom:1px solid var(--gray-800);display:flex;flex-direction:column;align-items:center;gap:0;will-change:transform,opacity;filter:drop-shadow(0 8px 40px rgba(128,128,128,.06));transition:filter .4s ease}.proj__card:hover{filter:drop-shadow(0 16px 64px rgba(128,128,128,.14))}.proj__card:last-child{border-bottom:none}.proj__card-img-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:2px solid var(--gray-800);cursor:none;transition:border-color .3s,box-shadow .4s ease,transform .4s ease;box-shadow:0 4px 24px #80808014,0 1px 4px #8080800f}.proj__card-img-wrap:hover{border-color:var(--gray-600);box-shadow:0 20px 60px #8080802e,0 4px 16px #8080801a;transform:translateY(-4px)}.proj__card-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.proj__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.4) 100%);pointer-events:none}[data-theme=light] .proj__card-overlay{background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.25) 100%)}.proj__card-hint{position:absolute;top:13px;right:13px;display:flex;align-items:center;gap:5px;padding:5px 12px;background:#000000c7;border:1px solid rgba(128,128,128,.14);border-radius:100px;font-family:var(--font-mono);font-size:9px;font-weight:900;letter-spacing:2px;color:#808080b3;pointer-events:none;opacity:0;transition:opacity .2s}.proj__card-img-wrap:hover .proj__card-hint{opacity:1}.proj__card-body{width:100%;padding:36px 0 0;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.proj__card-title{font-family:var(--font-display);font-size:clamp(36px,5vw,68px);font-weight:900;color:var(--text);letter-spacing:6px;line-height:1;text-transform:uppercase}.proj__card-desc{font-family:var(--font-mono);font-size:clamp(12px,1.3vw,14px);font-weight:700;color:var(--gray-500);line-height:1.85;max-width:480px;text-align:center}.proj__card-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.proj__tag{display:inline-flex;align-items:center;padding:7px 16px;border-radius:100px;background:#8080800d;border:2px solid rgba(128,128,128,.18);font-family:var(--font-mono);font-size:10px;font-weight:900;letter-spacing:2.5px;color:var(--gray-300);text-transform:uppercase;transition:background .2s,border-color .2s,color .2s}.proj__tag:hover{background:#8080801a;border-color:#80808066;color:var(--text)}.proj__card-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.proj__icon-btn-wrap{display:inline-flex;background:none;border:none;padding:0}.proj__icon-btn{display:inline-flex;align-items:center;padding:10px 18px;border:2px solid rgba(128,128,128,.28);border-radius:100px;color:var(--gray-300);background:#8080800a;font-family:var(--font-mono);font-size:10px;font-weight:900;letter-spacing:2.5px;overflow:hidden;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.proj__icon-btn-wrap:hover .proj__icon-btn{color:var(--text);border-color:#8080808c;background:#80808017}.proj__icon-btn-label{font-size:10px;font-weight:900;letter-spacing:2.5px;font-family:var(--font-mono);text-transform:uppercase}.proj__see-more-wrap{display:flex;justify-content:center;margin-top:32px;margin-bottom:0;padding:0}@media (max-width: 640px){.proj__see-more-wrap{margin-top:20px}}.proj__see-more-wrap .proj__icon-btn{padding:13px 22px;font-size:11px;border-color:#80808040}.gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f5;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px}.gallery-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:0}.gallery-modal{width:100%;max-width:960px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.gallery-close{position:absolute;top:-14px;right:-10px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(128,128,128,.22);border-radius:50%;background:#000000b3;color:var(--gray-500);font-size:13px;transition:color .2s,background .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gallery-close:hover{color:var(--text);background:#8080801a}.gallery-img-wrap{position:relative;width:100%}.gallery-img{width:100%;max-height:65vh;object-fit:contain;border-radius:12px;border:2px solid var(--gray-800);display:block}.gallery-img-counter{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;font-weight:900;letter-spacing:3px;color:#80808099;background:#0000008c;padding:5px 14px;border-radius:100px;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(128,128,128,.24);border-radius:50%;background:#000000ad;color:var(--gray-400);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,background .2s;z-index:2}.gallery-arrow:hover{color:var(--text);background:#8080801f}.gallery-arrow--left{left:12px}.gallery-arrow--right{right:12px}.gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.gallery-thumb{width:72px;height:44px;border-radius:6px;overflow:hidden;border:2px solid transparent;opacity:.38;flex-shrink:0;transition:opacity .2s,border-color .2s}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb--active{opacity:1;border-color:#808080cc}.gallery-thumb:hover{opacity:.72}@media (max-width: 1200px){.proj__card{width:76%}}@media (max-width: 900px){.proj__card{width:88%}.proj__card-title{font-size:clamp(28px,6vw,50px)}}@media (max-width: 640px){.proj-section{padding-bottom:72px}.proj-section__header{padding:48px 20px 0}.proj-section__heading{font-size:clamp(44px,14vw,76px);letter-spacing:3px}.proj__list{padding-top:52px}.proj__card{width:92%;padding-bottom:60px}.proj__card-title{font-size:clamp(26px,8vw,40px);letter-spacing:3px}.proj__card-desc{font-size:13px}.proj__card-body{padding:28px 0 0;gap:16px}.gallery-overlay{padding:0;align-items:flex-end;justify-content:center;overflow:hidden}.gallery-backdrop{position:fixed}.gallery-modal{margin:0;width:100%;max-width:100%;border-radius:20px 20px 0 0;background:var(--bg);border-top:1px solid var(--gray-800);padding:20px 16px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));gap:12px}.gallery-close{top:14px;right:14px;width:32px;height:32px;font-size:11px;position:absolute}.gallery-img{max-height:42vh;border-radius:10px}.gallery-thumb{width:52px;height:34px}.gallery-arrow{width:36px;height:36px}.gallery-arrow--left{left:6px}.gallery-arrow--right{right:6px}}[data-theme=light] .gallery-overlay{background:#0000008c}[data-theme=light] .gallery-modal{background:var(--bg);border-top-color:var(--gray-800)}[data-theme=light] .gallery-close,[data-theme=light] .gallery-arrow{background:#00000014;border-color:#00000026}[data-theme=light] .proj__card-img-wrap{border-color:var(--gray-800)}[data-theme=light] .proj__card-hint{background:#00000014;border-color:#0000001f;color:#000000a6}[data-theme=light] .proj-section__heading{color:var(--gray-400)}.tl-section{padding:var(--section-py) var(--section-px);border-top:1px solid var(--gray-800);position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.tl__header{width:100%;max-width:860px;margin-bottom:88px;text-align:center}.tl__heading{font-family:var(--font-display);font-size:clamp(54px,10vw,130px);font-weight:900;line-height:1;letter-spacing:6px;color:var(--gray-800);text-transform:uppercase}.tl__heading-accent{color:var(--text)}.tl__body{width:100%;max-width:800px;position:relative}.tl__rail,.tl__live-line{position:absolute;top:0;bottom:0;left:18px;width:2px;transform:translate(-50%);border-radius:2px;pointer-events:none;z-index:0}.tl__rail{background:var(--gray-800)}.tl__live-line{background:linear-gradient(to bottom,var(--text) 0%,rgba(128,128,128,.7) 50%,rgba(128,128,128,0) 100%);box-shadow:0 0 16px #8080808c,0 0 4px #808080f2;z-index:1;will-change:transform;transform-origin:top center}.tl__item{position:relative;display:grid;grid-template-columns:36px 1fr;gap:0 28px;padding-bottom:64px;z-index:2}.tl__item:last-child{padding-bottom:0}.tl__dot-col{display:flex;justify-content:center;padding-top:7px}.tl__dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;position:relative;z-index:3}.tl__dot--work{background:var(--text);box-shadow:0 0 0 3px var(--bg),0 0 0 5px #80808073}.tl__dot--cert{background:var(--gray-200);box-shadow:0 0 0 3px var(--bg),0 0 0 5px #bdbdbd59}.tl__dot--edu{background:var(--gray-500);box-shadow:0 0 0 3px var(--bg),0 0 0 5px #6161614d}.tl__card{display:flex;flex-direction:column;gap:11px;padding-top:2px}.tl__card-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tl__badge{font-family:var(--font-mono);font-size:11px;font-weight:900;letter-spacing:3px;padding:7px 18px;border-radius:100px;text-transform:uppercase;white-space:nowrap}.tl__badge--work{background:#8080801f;color:var(--text);border:2px solid rgba(128,128,128,.45)}.tl__badge--cert{background:#bdbdbd1a;color:var(--gray-100);border:2px solid rgba(189,189,189,.35)}.tl__badge--edu{background:#7575751a;color:var(--gray-300);border:2px solid rgba(117,117,117,.3)}.tl__period{font-family:var(--font-display);font-size:clamp(20px,2.6vw,30px);font-weight:900;letter-spacing:3px;color:var(--gray-500);line-height:1}.tl__role{font-family:var(--font-display);font-size:clamp(22px,3.2vw,40px);font-weight:900;letter-spacing:2px;color:var(--text);line-height:1.1;text-transform:uppercase}.tl__org{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:3.5px;color:var(--gray-600);text-transform:uppercase}.tl__desc{font-family:var(--font-mono);font-size:clamp(11px,1.2vw,13px);font-weight:700;color:var(--gray-600);line-height:1.9;max-width:560px}@media (max-width: 900px){.tl__heading{letter-spacing:3px}.tl__body{max-width:680px}.tl__rail,.tl__live-line{left:15px}.tl__item{grid-template-columns:30px 1fr}.tl__dot{width:12px;height:12px}}@media (max-width: 640px){.tl-section{padding:64px 20px}.tl__header{margin-bottom:52px}.tl__heading{font-size:clamp(44px,13vw,72px);letter-spacing:1px}.tl__rail,.tl__live-line{left:12px}.tl__item{grid-template-columns:24px 1fr;gap:0 18px;padding-bottom:44px}.tl__dot{width:10px;height:10px}.tl__dot-col{padding-top:8px}.tl__role{font-size:clamp(18px,5.5vw,26px)}.tl__period{font-size:clamp(15px,4.5vw,22px)}.tl__badge{font-size:9px;padding:5px 12px;letter-spacing:2px}}[data-theme=light] .tl__heading{color:var(--gray-400)}.skills{padding:var(--section-py) var(--section-px);border-top:1px solid var(--gray-800);position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.skills__header{width:100%;max-width:1100px;margin-bottom:56px;text-align:center}.skills__heading{font-family:var(--font-display);font-size:clamp(60px,10vw,130px);font-weight:400;line-height:1;letter-spacing:4px;color:var(--gray-700);text-transform:uppercase;will-change:transform,opacity}.skills__heading-accent{color:var(--text)}.skills__grid{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(2,1fr);gap:48px 64px}.skills__cat{display:flex;flex-direction:column;gap:16px}.skills__cat-label{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:4px;color:var(--gray-600);text-transform:uppercase;border-bottom:1px solid var(--gray-800);padding-bottom:10px}.skills__cat-pills{display:flex;flex-wrap:wrap;gap:10px}.skills__pill{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:100px;background:#8080800f;border:1px solid rgba(128,128,128,.2);cursor:default;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.skills__pill:hover{background:#80808024;border-color:#80808073;box-shadow:0 0 18px #80808014}.skills__pill-inner{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:3px;color:var(--gray-300);text-transform:uppercase;white-space:nowrap;display:block;transition:color .22s ease}.skills__pill:hover .skills__pill-inner{color:var(--text)}@media (max-width: 900px){.skills__heading{letter-spacing:2px}.skills__grid{grid-template-columns:1fr;gap:36px}}@media (max-width: 480px){.skills{padding:64px 20px}.skills__header{margin-bottom:36px}.skills__heading{font-size:clamp(48px,15vw,80px);letter-spacing:1px}.skills__pill{padding:9px 18px}.skills__pill-inner{font-size:10px;letter-spacing:2px}}[data-theme=light] .skills__heading{color:var(--gray-400)}.git-section{padding:var(--section-py) var(--section-px);border-top:1px solid var(--gray-800);position:relative;z-index:10;display:flex;justify-content:center}.git-section__inner{max-width:1100px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:48px}.git-section__heading{font-family:var(--font-display);font-size:clamp(60px,10vw,130px);font-weight:400;line-height:1;letter-spacing:4px;color:var(--gray-700);text-transform:uppercase}.git-section__heading-accent{color:var(--text)}.git-section__buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.git-btn{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:20px 28px;background:var(--gray-900);border:1px solid var(--gray-800);border-radius:100px;color:var(--gray-500);font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:3px;white-space:nowrap;text-decoration:none;transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.git-btn:hover{color:var(--text);border-color:var(--gray-600);background:#8080801a;box-shadow:0 0 32px #ffffff0a}.git-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.git-btn__label{display:inline-block;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:3px}[data-theme=light] .git-section__heading{color:var(--gray-400)}@media (max-width: 900px){.git-section__heading{letter-spacing:2px}.git-section__inner{gap:36px}}@media (max-width: 480px){.git-section{padding:64px 20px}.git-section__heading{font-size:clamp(48px,15vw,80px);letter-spacing:1px}.git-section__buttons{gap:12px}.git-btn{padding:17px 22px;font-size:11px;letter-spacing:2.5px}.git-btn__label{font-size:11px;letter-spacing:2.5px}}.footer{position:relative;z-index:10;border-top:1px solid var(--gray-800);padding:28px var(--section-px);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer__copy{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:2px;color:var(--gray-600);text-transform:uppercase}.footer__arch{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:2px;color:var(--gray-700);text-transform:uppercase}@media (max-width: 480px){.footer{padding:24px 20px;flex-direction:column;align-items:center;gap:6px;text-align:center}.footer__copy,.footer__arch{font-size:10px;letter-spacing:1.5px}}.app{position:relative;width:100%;min-height:100dvh;background:var(--bg);overflow-x:hidden}@supports not (height: 100dvh){.app{min-height:100vh}}.main-scroll{width:100%;position:relative;z-index:10}.main-scroll>section{width:100%;position:relative}:root{--bg: #000000;--text: #ffffff;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-300: #bdbdbd;--gray-400: #9e9e9e;--gray-500: #757575;--gray-600: #616161;--gray-700: #424242;--gray-800: #212121;--gray-900: #111111;--font-display: "JetBrains Mono", "Space Mono", monospace;--font-body: "JetBrains Mono", "Space Mono", monospace;--font-mono: "JetBrains Mono", "Space Mono", monospace;--section-px: clamp(20px, 5vw, 80px);--section-py: clamp(80px, 10vh, 140px)}[data-theme=light]{--bg: #ffffff;--text: #000000;--gray-100: #111111;--gray-200: #212121;--gray-300: #424242;--gray-400: #616161;--gray-500: #757575;--gray-600: #9e9e9e;--gray-700: #bdbdbd;--gray-800: #e0e0e0;--gray-900: #f0f0f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-weight:800}body,body *{transition:background-color .35s ease,color .35s ease,border-color .35s ease}html{scroll-behavior:smooth;width:100%}body,#root{width:100%;min-height:100dvh;overflow-x:hidden}@supports not (height: 100dvh){body,#root{min-height:100vh}}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:800;-webkit-font-smoothing:antialiased}@media (hover: hover) and (pointer: fine){body,*,*:before,*:after{cursor:none!important}}@media (hover: none),(pointer: coarse){body,*,*:before,*:after{cursor:auto!important}}button{border:none;background:none;color:inherit;font-family:inherit;font-weight:800}a{color:inherit;text-decoration:none;font-weight:inherit}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:1px}@keyframes border-beam-travel{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes lamine-shimmer{0%{background-position:-300% center}to{background-position:300% center}}@keyframes star-twinkle{0%,to{opacity:.1;transform:scale(.7) rotate(0)}33%{opacity:.9;transform:scale(1.3) rotate(45deg)}66%{opacity:.35;transform:scale(.9) rotate(90deg)}}@keyframes star-drift{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes skill-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.beam-white{background:conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%);filter:blur(6px)}.beam-black{background:conic-gradient(from 0deg,transparent 0%,rgba(0,0,0,.9) 50%,transparent 100%);filter:blur(6px)}@keyframes circle-beam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}