.navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0c0c0c99;border-bottom:1px solid #0000;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:0 2.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .4s ease;width:100vw;z-index:100}.navbar.scrolled{background:#0c0c0ceb;border-bottom-color:var(--border);box-shadow:0 4px 30px #00000080}.logo{filter:brightness(1.1);height:2.8rem;object-fit:contain;width:auto}.desktopMenu{align-items:center;display:flex;gap:.5rem}.desktopMenuListItem{border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.01em;padding:.5rem 1rem;position:relative;transition:all .25s ease}.desktopMenuListItem:hover{background:#ffffff0f;color:var(--text-primary)}.desktopMenuListItem.active{background:var(--accent-dim);color:var(--accent)}.desktopMenuBtn{align-items:center;background:var(--accent);border:none;border-radius:50px;color:#000;cursor:pointer;display:flex;font-family:var(--font-body);font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.02em;padding:.6rem 1.4rem;transition:all .25s ease}.desktopMenuBtn:hover{background:#ffe040;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.desktopMenuBtnDot{animation:pulse 2s infinite;background:#000;border-radius:50%;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.navActions{gap:.75rem}.navActions,.resumeBtn{align-items:center;display:flex}.resumeBtn{background:#0000;border:1px solid var(--accent);border-radius:50px;color:var(--accent);cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;gap:.45rem;letter-spacing:.02em;padding:.55rem 1.2rem;text-decoration:none;transition:all .25s ease}.resumeBtn:hover{background:var(--accent-dim);box-shadow:0 0 14px var(--accent-glow);transform:translateY(-2px)}.listItemResume{background:#0000;border:none;border-top:1px solid var(--border);color:var(--accent)!important;display:flex;font-family:var(--font-body);font-size:.9rem;gap:.5rem;margin-top:.25rem;padding-top:1rem;text-align:left;text-decoration:none;width:100%}.listItemResume,.mobMenuBtn{align-items:center;cursor:pointer}.mobMenuBtn{background:none;border:1px solid var(--border);border-radius:8px;display:none;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.hamburger,.hamburger:after,.hamburger:before{background:var(--text-primary);border-radius:2px;display:block;height:2px;position:relative;transition:all .3s ease;width:18px}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:#0000}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.navMenu{animation:menuSlide .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px #0009;display:none;flex-direction:column;padding:.75rem;position:absolute;right:1.5rem;top:5.5rem;width:14rem;z-index:200}.navMenu.visible{display:flex}@keyframes menuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.listItem{border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.listItem:hover{background:#ffffff0f;color:var(--text-primary)}@media screen and (max-width:720px){.mobMenuBtn{display:flex}.desktopMenu,.navActions{display:none}.navbar{padding:0 1.5rem}}#intro{align-items:center;display:flex;margin:0 auto;max-width:75rem;min-height:100vh;overflow:hidden;padding:0 2.5rem;position:relative;width:100%}.introGrid{background-image:linear-gradient(#ffd70008 1px,#0000 0),linear-gradient(90deg,#ffd70008 1px,#0000 0);background-size:80px 80px;inset:0;pointer-events:none;position:absolute;z-index:0}.introGrid:before{background:radial-gradient(ellipse 60% 70% at 65% 50%,#ffd7000d 0,#0000 70%);content:"";inset:0;position:absolute}.bg{bottom:0;filter:brightness(.85);height:95%;mask-image:linear-gradient(270deg,#000000d9 25%,#0000 78%);-webkit-mask-image:linear-gradient(270deg,#000000d9 25%,#0000 78%);object-fit:cover;position:absolute;right:0;top:0;width:-webkit-fit-content;width:fit-content;z-index:1}.introContent{display:flex;flex-direction:column;gap:1.2rem;max-width:50rem;opacity:0;padding:2rem 0;position:relative;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;width:100%;z-index:2}.introContent.visible{opacity:1;transform:translateY(0)}.introContent.visible>*{animation:staggerIn .5s ease both}.introContent.visible>:first-child{animation-delay:.1s}.introContent.visible>:nth-child(2){animation-delay:.2s}.introContent.visible>:nth-child(3){animation-delay:.3s}.introContent.visible>:nth-child(4){animation-delay:.4s}.introContent.visible>:nth-child(5){animation-delay:.5s}.introContent.visible>:nth-child(6){animation-delay:.6s}.introContent.visible>:nth-child(7){animation-delay:.7s}@keyframes staggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.introBadge{align-items:center;background:#00000080;border:1px solid #ffd70040;border-radius:6px;color:var(--accent);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:.5rem;padding:.4rem .9rem;width:-webkit-fit-content;width:fit-content}.introBadgeDot{animation:blink 1.5s step-end infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;flex-shrink:0;height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.termPrompt{color:#22c55e}.introBadgeText{color:#ffd700cc}.introBadgeCheck{color:#22c55e;font-size:.85rem}.introBadgeClickable{cursor:pointer;position:relative;transition:all .25s ease}.introBadgeClickable:hover{background:#ffd70014;border-color:#ffd70099;box-shadow:0 0 14px #ffd70026}.introBadgeViewHint{align-items:center;border-left:1px solid #ffd70033;color:#ffd70080;display:inline-flex;font-size:.65rem;gap:.25rem;letter-spacing:.04em;margin-left:.15rem;padding-left:.5rem;transition:color .2s ease}.introBadgeClickable:hover .introBadgeViewHint{color:#ffd700e6}.certOverlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.certModal{animation:slideUp .25s ease;background:#111;background:var(--bg-card,#111);border:1px solid #ffd70040;border-radius:12px;box-shadow:0 30px 80px #000c;max-width:820px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certModalHeader{align-items:center;border-bottom:1px solid #ffd7001f;display:flex;justify-content:space-between;padding:.9rem 1.25rem}.certModalTitle{align-items:center;color:var(--accent);display:flex;font-family:var(--font-mono);font-size:.8rem;gap:.5rem}.certModalClose{align-items:center;background:none;border:1px solid #ffffff1f;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.certModalClose:hover{border-color:#ffffff4d;color:var(--text-primary)}.certImageWrap{padding:1.25rem;user-select:none;-webkit-user-select:none}.certImage{border-radius:6px;display:block;pointer-events:none;width:100%}.certModalFooter{border-top:1px solid #ffffff0f;color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;margin:0;padding:.75rem 1.25rem;text-align:center}.resumeModal{display:flex;flex-direction:column;max-height:90vh;max-width:860px}.resumeModalActions{align-items:center;display:flex;gap:.5rem}.resumeDownloadBtn{align-items:center;background:#ffd7001a;border:1px solid #ffd70059;border-radius:6px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:.4rem;padding:.3rem .75rem;text-decoration:none;transition:all .2s ease}.resumeDownloadBtn:hover{background:#ffd7002e;border-color:#ffd70099}.resumeIframeWrap{flex:1 1;min-height:0;overflow:hidden}.resumeIframe{border:none;display:block;height:75vh;width:100%}.introButtons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.btnOutline{align-items:center;background:#0000;border:1px solid #ffd70066;border-radius:6px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.9rem;font-weight:600;gap:.6rem;letter-spacing:.03em;padding:.8rem 1.5rem;transition:all .2s ease}.btnOutline:hover{background:#ffd70014;border-color:#ffd700bf;box-shadow:0 0 16px #ffd7001f;transform:translateY(-2px)}.hello{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:400;letter-spacing:.04em}.introName{color:var(--accent);font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;line-height:1;position:relative;width:-webkit-fit-content;width:fit-content}.introName.glitch{animation:glitch .4s steps(2) forwards}.introName.glitch:after,.introName.glitch:before{content:attr(data-text);font-family:inherit;font-size:inherit;font-weight:inherit;left:0;position:absolute;top:0;width:100%}.introName.glitch:before{animation:glitchTop .4s steps(2) forwards;-webkit-clip-path:polygon(0 0,100% 0,100% 33%,0 33%);clip-path:polygon(0 0,100% 0,100% 33%,0 33%);color:#ff004f}.introName.glitch:after{animation:glitchBot .4s steps(2) forwards;-webkit-clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);color:#0ef}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes glitchTop{0%{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}@keyframes glitchBot{0%{transform:translate(0)}25%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.introTitleRow{align-items:center;display:flex;gap:.5rem;height:2.8rem}.termCaret{color:#22c55e;font-family:var(--font-mono);font-size:1.4rem;font-weight:700}.introTitle{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600}.cursor{animation:blink .8s step-end infinite;color:var(--accent);font-family:var(--font-mono);font-size:1.6rem;line-height:1}.introPara{color:var(--text-secondary);font-family:var(--font-body);font-size:clamp(.9rem,1.8vw,1rem);font-weight:300;line-height:1.8;max-width:36rem}.introStats{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);gap:1.5rem;padding:1rem 1.25rem;width:-webkit-fit-content;width:fit-content}.introStat,.introStats{align-items:center;display:flex}.introStat{flex-direction:column;gap:.15rem}.introStatValue{color:var(--accent);font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1}.introStatLabel{color:var(--text-secondary);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.introStatDivider{background:var(--border);flex-shrink:0;height:2.5rem;width:1px}.btn{align-items:center;align-self:flex-start;background:var(--accent);border:none;border-radius:6px;box-shadow:0 0 20px #ffd70033;color:#000;cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.9rem;font-weight:700;gap:.6rem;letter-spacing:.03em;overflow:hidden;padding:.8rem 1.75rem;position:relative;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.btn:hover:before{left:100%}.btn:hover{background:#ffe040;box-shadow:0 0 30px #ffd70066;gap:.9rem;transform:translateY(-2px)}.btnPrompt{animation:blink 1s step-end infinite;color:#000;opacity:.5}@media screen and (max-width:1024px){.bg{opacity:.7;width:45%}.introContent{max-width:58%}}@media screen and (max-width:768px){#intro{align-items:center;flex-direction:column;gap:2rem;padding:5rem 1.5rem 3rem}.bg{border:2px solid #ffd70059;border-radius:50%;bottom:auto;box-shadow:0 0 28px #ffd70026;filter:brightness(.9);flex-shrink:0;height:160px;mask-image:none;-webkit-mask-image:none;object-fit:cover;object-position:top center;opacity:1;order:-1;position:relative;right:auto;top:auto;width:160px}.introContent{gap:1rem;max-width:100%;padding:0}.introStats{gap:1rem;padding:.9rem 1rem}.introPara br{display:none}}@media screen and (max-width:480px){#intro{padding:4rem 1.25rem 2rem}.introStats{flex-wrap:wrap;justify-content:center;width:100%}.introStatDivider{display:none}}@media (prefers-reduced-motion:reduce){.introContent{transition:none}.introContent,.introName.glitch{animation:none}.introName.glitch:after,.introName.glitch:before{display:none}.btnPrompt,.cursor,.introBadgeDot{animation:none}}#experience{margin:0 auto;max-width:75rem;padding:5rem 2.5rem;width:100%}.expInner{gap:3rem}.expHeader,.expInner{display:flex;flex-direction:column}.expHeader{align-items:center;gap:.85rem;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.expHeader.visible{opacity:1;transform:translateY(0)}.expLabel{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em}.expTitle{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.expDesc{color:var(--text-secondary);font-family:var(--font-body);font-size:.975rem;font-weight:300;line-height:1.7;max-width:40rem}.expTimeline{display:flex;flex-direction:column;gap:1rem;position:relative}.expLine{background:linear-gradient(to bottom,var(--accent),#ffd7001a);border-radius:2px;bottom:0;left:0;position:absolute;top:0;width:2px}.expCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-left:1.75rem;opacity:0;overflow:hidden;position:relative;transform:translateX(-20px);transition:border-color .3s ease,box-shadow .3s ease}.expCard:before{background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);content:"";height:10px;left:-1.95rem;position:absolute;top:1.6rem;width:10px;z-index:1}.expCard.visible{animation:slideInCard .5s ease both}@keyframes slideInCard{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.expCard:hover{border-color:var(--border-accent);box-shadow:0 8px 30px #0000004d,-2px 0 0 var(--accent)}.expCardHeader{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;-webkit-user-select:none;user-select:none}.expLeft{display:flex;flex:1 1;flex-direction:column;gap:.35rem}.expRoleLine{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.expPrompt{color:#22c55e;font-family:var(--font-mono);font-size:.7rem;opacity:.7;white-space:nowrap}.expRole{color:var(--text-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:700}.expMeta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.expCompany{color:var(--accent);font-family:var(--font-body);font-size:.85rem;font-weight:500}.expDot{color:var(--text-muted);font-size:.75rem}.expLocation{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}.expRight{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.4rem}.expPeriod{color:var(--text-secondary);font-size:.72rem;white-space:nowrap}.expPeriod,.expType{font-family:var(--font-mono)}.expType{border-radius:4px;font-size:.62rem;font-weight:600;letter-spacing:.06em;padding:.18rem .55rem;text-transform:uppercase}.expType--full{background:#22c55e1a;border:1px solid #22c55e40;color:#22c55e}.expType--intern{background:#ffd7001a;border:1px solid var(--border-accent);color:var(--accent)}.expToggle{color:var(--text-muted);font-size:.7rem;transition:transform .3s ease}.expToggle.open{color:var(--accent);transform:rotate(180deg)}.expBody{border-top:1px solid #0000;max-height:0;overflow:hidden;padding:0 1.5rem;transition:max-height .4s ease,padding .3s ease}.expBody.expanded{border-top-color:var(--border);max-height:600px;padding:1.25rem 1.5rem}.expBullets{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin-bottom:1rem}.expBullet{color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:.875rem;font-weight:300;gap:.6rem;line-height:1.7}.expBulletCaret{color:var(--accent);flex-shrink:0;font-family:var(--font-mono);font-size:.8rem;margin-top:.15rem;opacity:.6}.expStack{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.5rem}.expTag{background:#ffd70012;border:1px solid #ffd7002e;border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:.68rem;padding:.2rem .6rem}@media screen and (max-width:768px){#experience{padding:4rem 1.5rem}.expLine{left:.5rem}.expCard{margin-left:2rem}.expCard:before{left:-1.7rem}.expCardHeader{flex-direction:column;gap:.5rem}.expRight{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.expBody.expanded{max-height:800px;padding:1rem 1.25rem}}@media screen and (max-width:480px){#experience{padding:3rem 1.25rem}.expPrompt{display:none}}@media (prefers-reduced-motion:reduce){.expBody,.expCard,.expHeader{animation:none;transition:none}.expCard.visible{opacity:1;transform:none}}#skills{color:var(--text-primary);margin:0 auto;max-width:75rem;padding:5rem 2.5rem 4rem;width:100vw}.skillsInner{gap:2.5rem}.skillsHeader,.skillsInner{align-items:center;display:flex;flex-direction:column}.skillsHeader{gap:.85rem;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.skillsHeader.visible{opacity:1;transform:translateY(0)}.skillsLabel{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em}.skillTitle{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.skillDesc{color:var(--text-secondary);font-family:var(--font-body);font-size:.975rem;font-weight:300;line-height:1.8;max-width:44rem}.skillBars{display:flex;flex-direction:column;gap:.85rem;width:100%}.skillBar{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #0000;border-radius:var(--radius);display:flex;gap:1.5rem;opacity:0;padding:1.6rem 1.75rem;transform:translateX(-24px);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.skillBar.visible{animation:slideInSkill .5s ease both;border-left-color:var(--accent)}@keyframes slideInSkill{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.skillBar:hover{border-color:var(--border-accent);border-left-color:var(--accent);box-shadow:-3px 0 18px var(--accent-glow);transform:translateX(5px)}.skillNum{color:var(--accent);flex-shrink:0;font-family:var(--font-mono);font-size:1.8rem;font-weight:500;line-height:1;min-width:3rem;opacity:.2;padding-top:.15rem;transition:opacity .3s ease}.skillBar:hover .skillNum{opacity:.6}.skillBarText{flex:1 1}.skillBarText h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.45rem}.skillBarText p{color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:300;line-height:1.75;margin-bottom:.9rem}.skillTags{display:flex;flex-wrap:wrap;gap:.4rem}.skillTag{background:#ffd70012;border:1px solid #ffd7002e;border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:.68rem;padding:.22rem .6rem;transition:all .2s ease}.skillTag:hover{background:#ffd70024;border-color:#ffd70059}.techStack{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:1.1rem;opacity:0;padding:1.75rem 2rem;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,border-color .3s ease;width:100%}.techStack.visible{opacity:1;transform:translateY(0)}.techStack:hover{border-color:var(--border-accent)}.techStackLabel{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em}.termPromptGreen{color:#22c55e}.techItems{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.techItem{background:#ffffff0a;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:default;font-family:var(--font-mono);font-size:.78rem;opacity:0;padding:.4rem .9rem;transform:scale(.9);transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.techStack.visible .techItem{animation:popIn .3s ease both}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.techItem:hover{background:#ffffff12;border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}@media screen and (max-width:768px){#skills{padding:4rem 1.5rem 3rem}.skillBar{flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem}.skillNum{font-size:1.4rem}}@media screen and (max-width:480px){#skills{padding:3rem 1.25rem 2.5rem}.skillBarText h2{font-size:1rem}.skillBarText p{font-size:.84rem}}@media (prefers-reduced-motion:reduce){.skillBar,.skillsHeader,.techItem,.techStack{animation:none;transition:none}.skillBar.visible,.skillsHeader.visible,.techStack.visible,.techStack.visible .techItem{opacity:1;transform:none}}#works{margin:0 auto;max-width:75rem;padding:5rem 2.5rem;width:100%}.worksContainer{gap:2.5rem}.worksContainer,.worksHeader{align-items:center;display:flex;flex-direction:column}.worksHeader{gap:.85rem;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.worksHeader.visible{opacity:1;transform:translateY(0)}.worksLabel{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em}.worksTitle{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.worksDesc{color:var(--text-secondary);display:block;font-family:var(--font-body);font-size:.975rem;font-weight:300;line-height:1.8;max-width:42rem}.projectsGrid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.projectCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.9rem;opacity:0;padding:1.4rem;position:relative;transform:translateY(24px);transition:border-color .3s ease,box-shadow .3s ease,transform .35s ease}.projectCard.visible{animation:cardReveal .5s ease both}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.projectCard:hover{border-color:#ffffff1c;box-shadow:0 16px 40px #00000073;transform:translateY(-6px)}.featuredCard{grid-gap:1.5rem;align-items:start;background:linear-gradient(135deg,#141300 0,var(--bg-card) 55%);border-color:var(--border-accent);display:grid;gap:1.5rem;grid-column:1/-1;grid-template-columns:1fr 1fr;overflow:hidden;padding:0 0 1.4rem}.featuredCard:hover{border-color:#ffd70059;box-shadow:0 16px 50px #ffd70014;transform:translateY(-4px)}.featuredBanner{background:var(--accent);grid-column:1/-1;padding:.4rem;text-align:center}.featuredBanner span{color:#000;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.featuredLeft{padding:0 0 0 1.5rem}.featuredLeft,.featuredRight{display:flex;flex-direction:column;gap:.9rem}.featuredRight{padding:0 1.5rem 0 0}.projectCategory{align-self:flex-start;background:#ffd7001a;border:1px solid #ffd70033;border-radius:20px;color:var(--accent);display:inline-flex;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.07em;padding:.2rem .65rem;text-transform:uppercase}.projectContent{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.projectTitle{align-items:flex-start;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:1.05rem;font-weight:700;gap:.45rem;line-height:1.35}.projectEmoji{flex-shrink:0;font-size:1rem;margin-top:.05rem}.projectDesc{color:var(--text-secondary);font-family:var(--font-body);font-size:.855rem;font-weight:300;line-height:1.75}.projectTechStack{display:flex;flex-wrap:wrap;gap:.4rem}.techBadge{background:#ffffff0a;border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.68rem;padding:.25rem .6rem;transition:all .2s ease}.techBadge:hover{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.projectMetrics{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1.25rem;padding:.75rem 0}.metric{display:flex;flex-direction:column;gap:.12rem}.metricValue{color:var(--accent);font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1}.metricLabel{color:var(--text-secondary);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.projectLinks{display:flex;gap:.6rem;margin-top:auto}.projectLink{align-items:center;border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;font-family:var(--font-body);font-size:.82rem;font-weight:600;gap:.4rem;justify-content:center;padding:.6rem .75rem;text-decoration:none;transition:all .25s ease}.projectLink.github{background:#ffffff0a;color:var(--text-secondary)}.projectLink.github:hover{background:#ffffff14;border-color:#ffffff21;color:var(--text-primary);transform:translateY(-2px)}.projectLink.demo{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.projectLink.demo:hover{background:#ffd7002e;border-color:#ffd70061;box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-2px)}.workBtn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.85rem;font-weight:600;gap:.5rem;padding:.8rem 1.75rem;text-decoration:none;transition:all .3s ease}.workBtn:hover{border-color:var(--border-accent);box-shadow:0 0 20px var(--accent-glow);color:var(--accent);transform:translateY(-2px)}@media screen and (max-width:900px){.projectsGrid{grid-template-columns:1fr}.featuredCard{grid-column:auto;grid-template-columns:1fr;padding:0 0 1.25rem}.featuredLeft,.featuredRight{padding:0 1.25rem}#works{padding:4rem 1.5rem}}@media screen and (max-width:600px){#works{padding:3rem 1.25rem}.workBtn{justify-content:center;width:100%}}.uberToast{align-items:flex-start;background:#0d0d0d;border:1px solid #ffd70073;border-radius:12px;bottom:1.75rem;box-shadow:0 8px 40px #0009,0 0 0 1px #ffd70014;display:flex;gap:.85rem;max-width:310px;opacity:0;padding:1rem 1.1rem 1rem 1rem;pointer-events:none;position:fixed;right:1.75rem;transform:translateY(20px) scale(.97);transition:opacity .4s ease,transform .4s ease;z-index:9999}.uberToast.uberToastVisible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.uberToastClose{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.7rem;line-height:1;padding:.15rem .3rem;position:absolute;right:.6rem;top:.55rem;transition:color .2s ease,background .2s ease}.uberToastClose:hover{background:#ffffff0f;color:var(--text-primary)}.uberToastIcon{flex-shrink:0;font-size:1.6rem;margin-top:.1rem}.uberToastBody{display:flex;flex-direction:column;gap:.25rem;padding-right:.75rem}.uberToastLabel{color:var(--accent);font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.uberToastTitle{color:var(--text-primary);font-family:var(--font-display);font-size:.95rem;font-weight:700;line-height:1.2;margin:0}.uberToastSub{color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;font-weight:300;line-height:1.5;margin:0}.uberToastCta{background:#ffd70012;border:1px solid #ffd7004d;border-radius:6px;color:var(--accent);display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;margin-top:.5rem;padding:.3rem .7rem;text-decoration:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;width:-webkit-fit-content;width:fit-content}.uberToastCta:hover{background:#ffd70026;border-color:#ffd70080;box-shadow:0 0 12px #ffd70026}@media screen and (max-width:600px){.uberToast{bottom:1rem;left:1rem;max-width:none;right:1rem}}@media (prefers-reduced-motion:reduce){.projectCard,.worksHeader{animation:none;transition:none}.projectCard.visible,.worksHeader.visible{opacity:1;transform:none}.featuredCard:hover,.projectCard:hover{transform:none}}#contactPage{margin:0 auto;max-width:75rem;padding:6rem 2.5rem;width:100vw}#contact,#contactPage{align-items:center;display:flex;flex-direction:column}#contact{gap:2.5rem;max-width:56rem;width:100%}.contactLabel{color:var(--accent);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.contactPageTitle{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1;text-align:center}.contactDesc{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.8;max-width:36rem;text-align:center}.contactForm{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:2.5rem;width:100%}.formRow{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.formField{display:flex;flex-direction:column;gap:.4rem}.formField label{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.email,.msg,.name{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;padding:.8rem 1rem;resize:none;transition:all .25s ease;width:100%}.email:focus,.msg:focus,.name:focus{background:#ffd7000a;border-color:var(--border-accent);box-shadow:0 0 0 3px #ffd70014}.email::placeholder,.msg::placeholder,.name::placeholder{color:var(--text-muted)}.contactForm .g-recaptcha,.contactForm>div>div,.contactForm>div[class*=recaptcha]{display:flex;justify-content:center;margin:.5rem 0}.submitBtn{align-self:center;background:var(--accent);border:none;border-radius:8px;color:#000;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;padding:.9rem 2rem;transition:all .25s ease}.submitBtn:hover{background:#ffe040;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.link{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .25s ease}.link:hover{border-color:#ffffff26;color:var(--text-primary);transform:translateY(-2px)}.linkImg{height:1.2rem;object-fit:contain;width:1.2rem}@media screen and (max-width:768px){#contactPage{padding:4rem 1.5rem}.contactForm{padding:1.5rem}.formRow{grid-template-columns:1fr}.submitBtn{text-align:center;width:100%}}.footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:2.5rem;width:100vw}.footerLeft{display:flex;flex-direction:column;gap:.3rem}.footerName{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:700}.footerRole{color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em}.footerLinks{display:flex;gap:.5rem}.footerLink{border-radius:5px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.8rem;padding:.3rem .6rem;transition:all .2s ease}.footerLink:hover{background:#ffffff0d;color:var(--text-primary)}.footerRight{color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem}@media screen and (max-width:600px){.footer{align-items:flex-start;flex-direction:column;padding:2rem 1.5rem}.footerLinks{flex-wrap:wrap}}
/*# sourceMappingURL=main.1367b292.css.map*/