.landPage{width:100%;height:100%}@media (max-width: 768px){.landPage{height:100vh;display:flex;margin:-8px}}.navBar{display:flex;flex-direction:column;background:rgba(26,26,26,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;height:100vh;position:fixed;top:0;left:0;z-index:1000;width:70px;border-right:1px solid rgba(204,164,59,.2);box-shadow:2px 0 15px #0003;transition:all .3s ease}.navbarList{display:flex;flex-direction:column;align-content:center;padding-inline-start:0px;justify-content:center;height:100vh;margin:0;padding:0;gap:20px}.navItems{list-style-type:none;display:flex;justify-content:center;align-items:center;writing-mode:vertical-lr;text-orientation:sideways-right;font-family:Pixelify Sans,sans-serif;font-size:22px;text-align:center;-webkit-user-select:none;user-select:none;padding:15px 8px;border-radius:8px;transition:all .3s ease;cursor:pointer}.navItems:hover{background:rgba(204,164,59,.1)}.hoverText{color:#cca43b;transition:all .3s ease;font-weight:600}.navItems:hover .hoverText{color:#d4b347;font-weight:700}.hoverText:hover+.hoverText,.hoverText:hover+.hoverText+.hoverText,.hoverText:has(+.hoverText:hover),.hoverText:has(+.hoverText+.hoverText:hover){color:inherit;font-weight:inherit}.mobileNavBar{display:flex;background:rgba(26,26,26,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(204,164,59,.2);box-shadow:0 2px 15px #0003}.mobileNavList{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;margin:0;padding:0;list-style:none}.mobileNavItem{padding:12px 0;cursor:pointer;text-align:center;flex:1;transition:all .3s ease}.mobileNavItem:hover{background:rgba(204,164,59,.1)}.mobileNavText{color:#cca43b;font-family:Pixelify Sans,sans-serif;font-size:16px;font-weight:600}@media (max-width: 500px){.navBar{display:none}.main-container{margin-top:45px}.section{padding-top:60px!important}}@media (max-width: 768px) and (min-width: 501px){.navBar{width:50px}.navItems{font-size:18px;padding:12px 6px}.navbarList{gap:15px}}.mainframe{background:transparent;width:100%;min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:60px 20px}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.5}.content-layer{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;border:1px solid rgba(204,164,59,.1);max-width:90%}.header{font-family:Pixelify Sans,sans-serif;font-size:10vh;font-weight:700;color:#cca43b;line-height:1.1;margin:0 0 10px;text-shadow:0 2px 5px rgba(0,0,0,.5);transition:color .3s ease}.hoverHeader{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px rgba(204,164,59,.8);transition:text-shadow .5s ease,color .5s ease}.infoText{width:60vw;max-width:800px;font-family:Roboto,sans-serif;font-size:2.5vh;font-weight:400;color:#e0e0e0;line-height:1.6;margin-top:20px;text-shadow:0 1px 3px rgba(0,0,0,.4)}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px rgba(204,164,59,.8),0 0 10px rgba(204,164,59,.6),0 0 20px rgba(204,164,59,.5),0 0 30px rgba(204,164,59,.4)}50%{text-shadow:0 0 10px rgba(204,164,59,1),0 0 20px rgba(204,164,59,.8),0 0 30px rgba(204,164,59,.7),0 0 40px rgba(204,164,59,.6)}}@media (max-width: 768px){.content-layer{padding:25px}.header{font-size:8vh}.infoText{font-size:2.2vh;width:100%}}@media (max-width: 500px){.mainframe{padding:15px;width:100%;display:flex;align-items:center;justify-content:center}.content-layer{width:100%;max-width:95%;padding:20px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.header{font-size:6vh;text-align:center;width:100%}.infoText{width:100%;font-size:2vh;text-align:center;margin:0 auto}}.contact-container{padding:60px 20px;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%}.contact-content{max-width:800px;width:100%;text-align:center;position:relative;z-index:1;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px 40px;border:1px solid rgba(204,164,59,.2);box-shadow:0 20px 40px #0000004d}.contact-title{color:#cca43b;font-size:48px;font-family:Pixelify Sans,sans-serif;margin-bottom:30px;text-shadow:0 0 10px rgba(204,164,59,.5),0 0 20px rgba(204,164,59,.3)}.contact-description{color:#fff;font-size:18px;line-height:1.6;margin-bottom:50px;opacity:.9;font-family:Roboto,sans-serif}.contact-info{display:flex;flex-direction:column;gap:20px;margin-bottom:50px;text-align:left}.contact-item{display:flex;align-items:center;padding:15px 20px;background:rgba(255,255,255,.05);border-radius:10px;border-left:4px solid #cca43b;transition:all .3s ease}.contact-item:hover{background:rgba(204,164,59,.1);transform:translate(5px)}.contact-label{color:#cca43b;font-weight:600;width:100px;font-family:Roboto,sans-serif}.contact-link{color:#fff;text-decoration:none;transition:color .3s ease;font-family:Roboto,sans-serif}.contact-link:hover{color:#cca43b}.contact-text{color:#fff;font-family:Roboto,sans-serif}.social-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;padding:20px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(204,164,59,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:120px}.social-link:hover{background:rgba(204,164,59,.1);border-color:#cca43b80;transform:translateY(-5px);box-shadow:0 10px 25px #cca43b33}.social-link img{width:40px;height:40px;margin-bottom:10px;filter:brightness(1.1);transition:filter .3s ease}.social-link:hover img{filter:brightness(1.3)}.social-link span{font-size:14px;font-weight:500;color:#cca43b;font-family:Roboto,sans-serif}@media (max-width: 768px){.contact-container{padding:50px 15px;display:flex;align-items:center;justify-content:center;width:100%}.contact-content{padding:40px 25px;width:100%;max-width:95%;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-title{font-size:36px;margin-bottom:20px;text-align:center;width:100%}.contact-description{font-size:16px;margin-bottom:30px;text-align:center;width:100%}.contact-info{margin-bottom:30px;width:100%;align-items:center}.contact-item{flex-direction:column;text-align:center;align-items:center;width:100%;max-width:400px}.contact-label{width:auto;margin-bottom:5px;text-align:center}.social-links{gap:20px;justify-content:center;width:100%}.social-link{min-width:100px;padding:15px}.social-link img{width:35px;height:35px}}@media (max-width: 500px){.contact-container{padding:40px 10px}.contact-content{padding:25px 15px;width:100%}.contact-title{font-size:28px}.contact-description{font-size:14px}}.projects-container{padding:60px 20px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto}.title{color:#cca43b;font-size:48px;font-family:Pixelify Sans,sans-serif;margin-bottom:30px;text-align:center;text-shadow:0 0 10px rgba(204,164,59,.3);position:relative;z-index:1}.carousel-wrapper{width:85%;max-width:1100px;margin:0 auto;position:relative;z-index:1}.carousel-container{padding:20px 0 40px;background:rgba(0,0,0,.2);border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(204,164,59,.1);box-shadow:0 5px 20px #00000026}.carousel-item{padding:0 10px;height:100%;display:flex;align-items:center;justify-content:center}.react-multi-carousel-item{height:auto!important;display:flex;justify-content:center}.react-multi-carousel-track{padding:10px 0;display:flex;align-items:center}.custom-dot-list{display:flex;justify-content:center;gap:10px;margin-top:25px;padding:10px}.custom-dot{width:35px;height:5px;border-radius:2px;background-color:#cca43b33;cursor:pointer;transition:all .2s ease;border:none}.custom-dot.active{background-color:#cca43b;width:45px;box-shadow:0 0 8px #cca43b4d}.react-multiple-carousel__arrow{background:rgba(204,164,59,.8)!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;transition:all .2s ease!important}.react-multiple-carousel__arrow:hover{background:#cca43b!important;transform:scale(1.05)!important}.react-multiple-carousel__arrow:before{font-size:16px!important;color:#1a1a1a!important}.react-multiple-carousel__arrow--left{left:10px!important}.react-multiple-carousel__arrow--right{right:10px!important}@media (max-width: 1024px){.carousel-wrapper{width:96%}}@media (max-width: 768px){.projects-container{padding:50px 15px}.title{font-size:36px;margin-bottom:20px}.carousel-wrapper{width:100%}.carousel-container{padding:15px 0 30px;border-radius:8px}.carousel-item{padding:0 10px;display:flex;justify-content:center}.react-multi-carousel-item{display:flex;justify-content:center}.react-multiple-carousel__arrow{min-width:32px!important;min-height:32px!important}.custom-dot-list{gap:8px;margin-top:20px}.custom-dot{width:28px;height:4px}.custom-dot.active{width:38px}}@media (max-width: 480px){.projects-container{padding:40px 10px}.title{font-size:28px;margin-bottom:15px}.carousel-wrapper{width:95%}.carousel-container{padding:10px 5px 20px}.carousel-item{padding:0 5px;display:flex;justify-content:center}.react-multi-carousel-item{display:flex!important;justify-content:center!important}.react-multi-carousel-track{display:flex;align-items:center}.react-multiple-carousel__arrow{min-width:28px!important;min-height:28px!important}.react-multiple-carousel__arrow--left{left:2px!important}.react-multiple-carousel__arrow--right{right:2px!important}.custom-dot-list{gap:6px;margin-top:15px}.custom-dot{width:24px;height:3px}.custom-dot.active{width:32px}}.project-card{background:linear-gradient(145deg,#2d2d2d 0%,#252525 100%);border-radius:12px;padding:25px;height:400px;max-height:400px;overflow-y:auto;box-shadow:0 8px 20px #0003;transition:all .3s ease;display:flex;flex-direction:column;border:1px solid rgba(204,164,59,.15);position:relative}.project-card::-webkit-scrollbar{width:4px}.project-card::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.project-card::-webkit-scrollbar-thumb{background:rgba(204,164,59,.5);border-radius:10px}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000004d;border-color:#cca43b4d}.project-content{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.project-title{color:#cca43b;font-size:20px;margin:0 0 15px;font-family:Pixelify Sans,sans-serif;line-height:1.2;border-bottom:1px solid rgba(204,164,59,.3);padding-bottom:10px}.project-tech{margin-bottom:15px;padding:10px;background:rgba(0,0,0,.15);border-radius:8px}.project-tech h3{color:#a78531;font-size:14px;margin:0 0 5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-tech p{color:#b1b1b1;font-size:13px;line-height:1.4;margin:0;font-weight:400}.project-description{flex-grow:1;color:#e0e0e0;font-size:13px;line-height:1.5;margin-bottom:15px}.project-description p{margin:0 0 6px;opacity:.9}.project-links{margin-top:auto;display:flex;gap:10px;justify-content:flex-end}.github-link,.project-link{display:flex;align-items:center;text-decoration:none;color:#cca43b;font-size:13px;font-weight:500;padding:8px 12px;border:1px solid #cca43b;border-radius:4px;background:rgba(204,164,59,.1);transition:all .2s ease}.github-link:hover,.project-link:hover{background:#cca43b;color:#1a1a1a}.github-link img{width:16px;height:16px;margin-right:6px}@media (max-width: 768px){.project-card{padding:20px;height:380px;max-height:380px;width:100%;max-width:450px;margin:0 auto}.project-title{font-size:18px;margin-bottom:10px}.project-tech{padding:8px;margin-bottom:12px}.project-tech h3{font-size:13px}.project-tech p,.project-description{font-size:12px}.project-links{gap:8px;justify-content:center}.github-link,.project-link{font-size:12px;padding:6px 10px}.github-link img{width:14px;height:14px;margin-right:5px}}@media (max-width: 480px){.project-card{width:100%;height:350px;max-height:350px;padding:18px;max-width:350px;margin:0 auto}.project-title{font-size:16px;margin-bottom:8px;padding-bottom:8px}.project-tech{padding:6px;margin-bottom:10px}.project-tech h3{font-size:12px}.project-tech p,.project-description{font-size:11px}.project-links{gap:6px}.github-link,.project-link{font-size:11px;padding:5px 8px}}.playground-container{width:100%;max-width:780px;margin:0 auto}.game-panel{width:100%;padding:clamp(1.2rem,3vw,2rem);background:rgba(16,11,34,.78);border:1px solid rgba(0,240,255,.38);box-shadow:0 0 0 1px #ff2bd61f,0 0 32px #00f0ff1a}.game-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.game-header .eyebrow{margin-bottom:.7rem}.game-header h2{margin:0;color:var(--white);font:600 clamp(2rem,4vw,3.8rem)/.9 "Pixelify Sans",monospace;letter-spacing:-.06em}.game-header h2 em{color:var(--pink);font-style:normal;text-shadow:0 0 14px rgba(255,43,214,.65)}.game-stats{display:flex;gap:1rem;color:var(--lavender);font:.55rem/1.6 "Press Start 2P",monospace}.game-stats span{display:flex;flex-direction:column;gap:.3rem;padding-left:.8rem;border-left:1px solid var(--violet-line)}.game-stats b{color:var(--cyan);font:1rem Silkscreen,monospace}.game-arena{position:relative;width:100%;aspect-ratio:1 / 1;min-height:0;overflow:hidden;isolation:isolate;background:linear-gradient(rgba(0,240,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.08) 1px,transparent 1px),#090714;background-size:36px 36px;border:1px solid var(--violet-line)}.game-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(0,240,255,.12),transparent 48%);animation:arena-pulse 3s ease-in-out infinite alternate}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:rgba(7,5,16,.58);text-align:center}.game-prompt{color:var(--lavender);font:.7rem Silkscreen,monospace}.game-start{padding:.85rem 1rem;color:var(--void);background:var(--cyan);border:1px solid var(--cyan);font:.6rem "Press Start 2P",monospace;cursor:pointer;box-shadow:4px 4px 0 var(--pink);transition:transform .18s steps(2,end),box-shadow .18s steps(2,end)}.game-start:hover,.game-start:focus-visible{background:var(--pink);border-color:var(--pink);transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--lime)}.signal-target{position:absolute;width:34px;height:34px;padding:0;transform:translate(-50%,-50%);border:2px solid var(--cyan);background:var(--pink);box-shadow:0 0 0 5px #ff2bd633,0 0 22px var(--cyan);cursor:crosshair;animation:signal-pulse .7s steps(2,end) infinite alternate}.signal-target:before,.signal-target:after{content:"";position:absolute;background:var(--cyan)}.signal-target:before{width:52px;height:2px;top:14px;left:-11px}.signal-target:after{width:2px;height:52px;top:-11px;left:14px}.arena-corner{position:absolute;width:18px;height:18px;border-color:var(--cyan);border-style:solid}.arena-corner-tl{top:10px;left:10px;border-width:2px 0 0 2px}.arena-corner-br{right:10px;bottom:10px;border-width:0 2px 2px 0}.game-help{margin:1rem 0 0;color:var(--cool-muted);font:.7rem Silkscreen,monospace}@keyframes signal-pulse{0%{transform:translate(-50%,-50%) scale(.86)}to{transform:translate(-50%,-50%) scale(1.12)}}@keyframes arena-pulse{0%{opacity:.45;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}@media (max-width: 600px){.game-header{align-items:flex-start;flex-direction:column;gap:1rem}.game-stats{width:100%;justify-content:flex-start}.game-arena{aspect-ratio:1 / 1}}@media (prefers-reduced-motion: reduce){.game-arena:before,.signal-target{animation:none}}.experience-container{padding:60px 20px;font-family:Roboto,sans-serif;background:transparent;position:relative;z-index:1;width:100%;max-width:1600px;margin:0 auto}.experience-title{text-align:center;color:#cca43b;font-size:56px;font-family:Pixelify Sans,sans-serif;margin-bottom:60px}.timelines-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:60px;max-width:1400px;margin:0 auto}.timeline-section{position:relative}.section-title{color:#fff;font-size:32px;font-family:Pixelify Sans,sans-serif;margin-bottom:40px;text-align:center;border-bottom:2px solid #cca43b;padding-bottom:15px}.experience-timeline{position:relative;padding:20px 0}.experience-timeline:before{content:"";position:absolute;top:0;left:25px;width:3px;height:100%;background:rgba(204,164,59,.2)}.timeline-item{display:flex;margin-bottom:40px;position:relative;align-items:flex-start}.timeline-icon{position:absolute;left:25px;transform:translate(-50%);width:50px;height:50px;border-radius:50%;background:#2d2d2d;border:3px solid #cca43b;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #cca43b4d;z-index:1;overflow:hidden;transition:all .3s ease}.timeline-item:hover .timeline-icon{transform:translate(-50%) scale(1.1);border-color:#d4b347;box-shadow:0 0 20px #cca43b80}.timeline-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;object-position:center}.default-icon{width:15px;height:15px;background-color:#cca43b;border-radius:50%}.timeline-content{margin-left:70px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;padding:20px;width:100%;border:1px solid rgba(204,164,59,.1);transition:all .3s ease}.timeline-content:hover{border-color:#cca43b66;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #0006}.timeline-title{font-size:22px;color:#fff;margin:0 0 5px}.timeline-subtitle{font-size:16px;color:#cca43b;margin:0 0 10px;font-weight:500}.timeline-duration{font-size:14px;color:#a78531;margin-bottom:15px;display:block}.timeline-description{list-style-type:none;padding-left:0;margin:0;color:#e0e0e0;font-size:14px;line-height:1.6}.timeline-description li{padding-left:20px;position:relative}.timeline-description li:before{content:"•";position:absolute;left:0;color:#cca43b;font-weight:700}.logo-university-of-ottawa{object-position:center;transform:scale(1.1)}.logo-university-of-northampton{object-position:center;transform:scale(1.15)}.logo-arab-academy-for-science-and-technology{object-position:center;transform:scale(1.2)}.logo-aws-certified-cloud-practitioner{object-position:center;background-color:#fff;padding:3px}.logo-front-end-development{object-position:center;transform:scale(.9);background-color:#fff;padding:3px}@media (max-width: 1200px){.timelines-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}}@media (max-width: 768px){.timelines-wrapper{grid-template-columns:1fr;gap:40px;width:100%;max-width:500px}.experience-container{padding:30px 15px 50px}.experience-title{font-size:42px;margin-bottom:40px}.section-title{font-size:28px;margin-bottom:30px}}@media (max-width: 500px){.experience-container{padding:40px 15px;display:flex;flex-direction:column;align-items:center;width:100%}.experience-title{font-size:36px;margin-bottom:30px;text-align:center;width:100%}.timelines-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px}.timeline-section{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.section-title{font-size:24px;margin-bottom:25px;text-align:center;width:100%}.experience-timeline{width:100%;padding-left:10px}.timeline-icon{width:40px;height:40px;left:20px}.experience-timeline:before{left:20px}.timeline-content{margin-left:55px;padding:15px;width:calc(100% - 55px)}.timeline-title{font-size:18px}.timeline-subtitle{font-size:14px}.timeline-description{font-size:13px}}body,html{margin:0;padding:0;background:#1a1a1a;min-height:100vh;font-family:Roboto,sans-serif;overflow-x:hidden;scroll-behavior:smooth;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.main-container{display:flex;flex-direction:column;width:calc(100% - 70px);margin-left:70px;min-height:100vh;transition:all .3s ease;background:transparent;position:relative;z-index:1}.section{width:100%;min-height:auto;padding:80px 40px;margin:0;position:relative;background:transparent!important;scroll-margin-top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0;animation:fadeIn 1s ease-out forwards}#about{min-height:100vh;justify-content:center;animation-delay:2s}#experience{animation-delay:2.1s}#projects{animation-delay:2.2s}#contact{animation-delay:2.3s;padding-bottom:100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section+.section{padding-top:50px}.main-container>div{background:transparent!important}@media (max-width: 768px){.main-container{width:calc(100% - 50px);margin-left:50px}.section{padding:60px 20px;scroll-margin-top:0}.section+.section{padding-top:40px}#about{padding-top:40px}}@media (max-width: 500px){.main-container{width:100%;margin-left:0;padding-top:30px;display:flex;flex-direction:column;align-items:center}.section{scroll-margin-top:0;padding:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100vw}.section+.section{padding-top:40px;margin-top:20px}#about{min-height:100vh;padding-top:50px;justify-content:center}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.loading-logo{font-family:Pixelify Sans,sans-serif;font-size:80px;font-weight:700;color:#cca43b;text-shadow:0 0 15px rgba(204,164,59,.4);animation:pulse 1.5s infinite alternate}.loading-bar{width:200px;height:6px;background-color:#cca43b33;border-radius:3px;overflow:hidden;position:relative}.loading-progress{position:absolute;top:0;left:0;height:100%;width:0;background-color:#cca43b;border-radius:3px;animation:progress 2s ease-in-out forwards}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.05);opacity:1}}@keyframes progress{0%{width:0}to{width:100%}}@media (max-width: 768px){.loading-logo{font-size:60px}.loading-bar{width:150px;height:5px}}.low-poly-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-color:#1a1a1a;pointer-events:none}.low-poly-svg{width:100%;height:250vh;display:block;position:absolute;top:0;left:0}.poly-gray-0{fill:#1e1e1e;stroke:#242424;stroke-width:.3;opacity:.4;transition:all .3s ease}.poly-gray-1{fill:#212121;stroke:#272727;stroke-width:.3;opacity:.3;transition:all .3s ease}.poly-gray-2{fill:#242424;stroke:#2a2a2a;stroke-width:.3;opacity:.35;transition:all .3s ease}.poly-gray-3{fill:#1c1c1c;stroke:#222;stroke-width:.3;opacity:.25;transition:all .3s ease}.poly-gold{fill:#cca43b08;stroke:#cca43b66;stroke-width:.5;opacity:.6;filter:drop-shadow(0 0 1px rgba(204,164,59,.2))}@keyframes subtleGoldPulse{0%{opacity:.3;stroke-width:.3;fill:#cca43b03}50%{opacity:.6;stroke-width:.5;fill:#cca43b0d}to{opacity:.3;stroke-width:.3;fill:#cca43b03}}.poly-gold{animation:subtleGoldPulse 8s infinite ease-in-out;animation-delay:calc(var(--animation-delay, 0) * 1s)}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.poly-gray-0:nth-child(7n){animation:subtleFloat 15s infinite ease-in-out}.poly-gray-1:nth-child(11n){animation:subtleFloat 20s infinite ease-in-out;animation-delay:5s}.poly-gray-2:nth-child(13n){animation:subtleFloat 18s infinite ease-in-out;animation-delay:10s}@media (max-width: 768px){.low-poly-svg{height:200vh}.poly-gold{filter:none;animation-duration:12s}.poly-gray-0:nth-child(7n),.poly-gray-1:nth-child(11n),.poly-gray-2:nth-child(13n){animation:none}}@media (prefers-reduced-motion: reduce){.poly-gold,.poly-gray-0:nth-child(7n),.poly-gray-1:nth-child(11n),.poly-gray-2:nth-child(13n){animation:none}}:root{--paper: #1a1a1a;--paper-deep: #252525;--ink: #f0f0f0;--muted: #aaa;--line: #404040;--blue: #cca43b;--violet: #d4b347;--orange: #a78531;--green: #8eaa62;--serif: "Pixelify Sans", "Courier New", monospace;--mono: "Silkscreen", "Courier New", monospace;--sans: "DM Sans", Arial, sans-serif}html{background:var(--paper);scroll-behavior:smooth}body,html{background:var(--paper)!important;color:var(--ink);font-family:var(--sans)!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:screen}.loading-overlay{background:radial-gradient(circle at 50% 42%,rgba(204,164,59,.08),transparent 28%),#1a1a1a!important;z-index:9999}.loading-overlay:before,.loading-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loading-overlay:before{opacity:.18;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(204,164,59,.12) 4px)}.loading-overlay:after{top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(204,164,59,.16)}.loading-content{gap:30px;position:relative;z-index:1}.loading-logo{color:#cca43b!important;font-family:Pixelify Sans,monospace!important;font-size:clamp(4rem,12vw,7rem);text-shadow:0 0 5px rgba(204,164,59,.8),0 0 15px rgba(204,164,59,.55),0 0 35px rgba(204,164,59,.28)}.loading-bar{width:200px;height:6px;background:rgba(204,164,59,.2);border:1px solid rgba(204,164,59,.38);border-radius:0}.loading-progress{background:#cca43b;border-radius:0;box-shadow:0 0 12px #cca43be6}.low-poly-background{background:var(--paper)!important;opacity:.28}.poly-gray-0,.poly-gray-1,.poly-gray-2,.poly-gray-3{fill:#202020;stroke:#2b2b2b;opacity:.35}.poly-gold{fill:#cca43b0f;stroke:#cca43b42}.main-container{width:calc(100% - 92px);margin-left:92px;z-index:2}.section{min-height:100vh;padding:9rem clamp(1.5rem,5vw,6rem);opacity:1;animation:none;align-items:stretch}.section+.section{padding-top:7rem}.navBar{width:92px;background:rgba(26,26,26,.94);border-right:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);justify-content:space-between;padding:1.4rem .8rem}.nav-brand{color:var(--ink);font:700 1.3rem var(--serif);letter-spacing:-.08em;text-decoration:none}.nav-brand span,.nav-resume span{color:var(--blue)}.navbarList{height:auto;gap:.45rem;width:100%}.navItems{writing-mode:initial;width:100%;justify-content:flex-start;gap:.5rem;padding:.7rem .4rem;border-radius:0;border-left:2px solid transparent;text-decoration:none}.navItems:hover,.navItems:focus-visible{background:transparent;border-left-color:var(--blue)}.nav-number,.eyebrow,.nav-resume,.note-index,.hero-meta,.project-tech h3{font:600 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.nav-number{color:var(--violet)}.hoverText{color:var(--ink);font:600 .7rem var(--mono)}.nav-resume{color:var(--muted);text-decoration:none}.nav-resume:hover{color:var(--blue)}.hero{width:100%;min-height:calc(100vh - 2rem);display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:clamp(2rem,7vw,8rem);position:relative;padding:2rem 0}.hero-copy{max-width:850px}.eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--violet);margin:0 0 1.4rem}.eyebrow-mark{display:inline-block;width:28px;height:2px;background:currentColor}.header{color:var(--ink);font:400 clamp(4rem,11vw,10rem)/.86 var(--serif);letter-spacing:-.08em;text-shadow:none;margin:0}.header em,.hero-note em,.experience-title em,.title em,.contact-title em{color:var(--blue);font-style:normal}.hero-role{margin:1.8rem 0 1rem;font:600 clamp(1.1rem,2vw,1.7rem) var(--mono);letter-spacing:-.04em}.hero-role span{color:var(--orange);padding:0 .35rem}.infoText{width:min(100%,630px);color:var(--muted);font:400 clamp(1rem,1.5vw,1.25rem)/1.65 var(--sans);text-shadow:none;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;gap:.9rem;padding:.9rem 1.15rem;border:1px solid var(--ink);font:600 .72rem var(--mono);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--blue)}.button-primary{background:var(--blue);color:#1a1a1a;border-color:var(--blue)}.button-secondary{color:var(--ink);background:transparent}.button-secondary:hover{background:var(--paper-deep)}.hero-meta{display:flex;flex-wrap:wrap;gap:1.5rem;color:var(--muted);margin-top:3.5rem}.hero-meta i{display:inline-block;width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:var(--green)}.hero-note{border-left:1px solid var(--line);padding-left:1.5rem}.note-index{color:var(--orange)}.hero-note strong{display:block;margin:2rem 0 1.5rem;font:400 clamp(2.2rem,4vw,4rem)/.92 var(--serif);letter-spacing:-.06em}.note-line{display:block;width:55px;height:3px;background:var(--violet);margin-bottom:1rem}.hero-note small{display:block;color:var(--muted);font:.75rem/1.6 var(--mono)}.hero-stamp{position:absolute;right:0;bottom:2rem;color:var(--paper-deep);font:400 10rem/.8 var(--serif);z-index:-1}.section-heading{max-width:720px;margin:0 auto 4rem 0}.section-heading .eyebrow{margin-bottom:1rem}.experience-title,.title{color:var(--ink);font:400 clamp(3rem,7vw,6rem)/.9 var(--serif);letter-spacing:-.07em;margin:0}.section-lede{max-width:580px;color:var(--muted);font-size:1rem;line-height:1.7;margin:1.5rem 0 0}.experience-container,.projects-container,.contact-container{max-width:1320px;width:100%;padding:0}.timelines-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:none}.section-title{color:var(--ink);font:600 .75rem var(--mono);text-align:left;text-transform:uppercase;letter-spacing:.12em;border:0;padding:0 0 .8rem;margin-bottom:1rem;border-bottom:1px solid var(--ink)}.experience-timeline{padding:0}.experience-timeline:before{display:none}.timeline-item{display:block;margin-bottom:1rem}.timeline-icon{display:none}.timeline-content{margin-left:0;padding:1.3rem;border:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.045);-webkit-backdrop-filter:none;backdrop-filter:none}.timeline-content:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:4px 4px 0 var(--blue)}.timeline-title{color:var(--ink);font:600 1.08rem/1.2 var(--sans)}.timeline-subtitle{color:var(--blue);font:600 .72rem var(--mono);line-height:1.5}.timeline-duration{color:var(--orange);font:.65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.timeline-description{color:var(--muted);font:.82rem/1.6 var(--sans)}.timeline-description li{padding-left:1rem;margin-top:.3rem}.timeline-description li:before{content:"↳";color:var(--violet)}.projects-heading{max-width:760px}.projects-container{align-items:stretch}.carousel-wrapper{width:100%;max-width:none}.carousel-container{padding:1rem 0 3rem;background:transparent;border:0;box-shadow:none}.carousel-item{padding:0 .5rem}.project-card{height:430px;max-height:430px;padding:1.5rem;border:1px solid var(--line);border-radius:0;background:#252525;box-shadow:5px 5px 0 var(--violet)}.project-card:hover{border-color:var(--blue);box-shadow:5px 5px 0 var(--orange);transform:translate(-3px,-3px)}.project-title{color:var(--ink);font:400 1.7rem/1 var(--serif);border-bottom-color:#f0f0f040}.project-tech{background:transparent;padding:0 0 1rem;border-bottom:1px solid rgba(245,240,230,.2);border-radius:0}.project-tech h3{color:var(--orange)}.project-tech p,.project-description{color:#c8c2b7}.project-description{font-size:.85rem}.github-link,.project-link{color:var(--paper);border-color:var(--paper);border-radius:0;background:transparent}.github-link:hover,.project-link:hover{background:var(--blue);color:#1a1a1a}.custom-dot{background:var(--line);border-radius:0}.custom-dot.active{background:var(--blue);box-shadow:none}.react-multiple-carousel__arrow{background:var(--ink)!important;border-radius:0!important}.react-multiple-carousel__arrow:hover{background:var(--blue)!important;transform:none!important}.contact-container{justify-content:flex-start;align-items:flex-start}.contact-content{max-width:900px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;text-align:left}.contact-title{color:var(--ink);font:400 clamp(3.2rem,8vw,7.5rem)/.86 var(--serif);letter-spacing:-.08em;text-shadow:none;margin:0 0 2rem}.contact-description{max-width:550px;color:var(--muted);font:1rem/1.7 var(--sans)}.contact-info{max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2.5rem 0}.contact-item{border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:0;background:rgba(255,255,255,.045);padding:1rem}.contact-label{color:var(--violet);font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.1em;width:90px}.contact-link,.contact-text{color:var(--ink);font:.85rem var(--mono)}.contact-link:hover{color:var(--blue)}.social-links{justify-content:flex-start;gap:.7rem}.social-link{min-width:110px;padding:.9rem;border:1px solid var(--ink);border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.social-link:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-3px);box-shadow:3px 3px 0 var(--violet)}.social-link img{width:28px;height:28px;filter:grayscale(1)}.social-link span{color:var(--ink);font:600 .65rem var(--mono);text-transform:uppercase}.social-link:hover span{color:var(--paper)}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media (max-width: 900px){.main-container{width:calc(100% - 72px);margin-left:72px}.navBar{width:72px}.timelines-wrapper{grid-template-columns:1fr;max-width:700px}.hero{grid-template-columns:1fr}.hero-note{max-width:300px}}@media (max-width: 560px){.main-container{width:100%;margin-left:0}.navBar{position:sticky;width:100%;height:auto;flex-direction:row;padding:.8rem 1rem;border-right:0;border-bottom:1px solid var(--line)}.nav-brand{font-size:1.1rem}.navbarList{flex-direction:row;justify-content:flex-end;gap:.2rem}.navItems{width:auto;padding:.5rem;border-left:0}.navItems:hover,.navItems:focus-visible{border-bottom:2px solid var(--blue)}.nav-number,.nav-resume{display:none}.hoverText{font-size:.58rem}.section{min-height:auto;padding:5.5rem 1.1rem}#about{min-height:calc(100vh - 60px);padding-top:3rem}.hero{min-height:calc(100vh - 60px);padding:1rem 0 3rem}.header{font-size:clamp(4rem,19vw,7rem)}.hero-stamp{font-size:7rem;bottom:1rem}.hero-meta{margin-top:2rem;line-height:1.6}.contact-info{grid-template-columns:1fr}.project-card{height:460px;max-height:460px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:linear-gradient(rgba(204,164,59,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(204,164,59,.035) 1px,transparent 1px),#1a1a1a!important;background-size:32px 32px;cursor:default}.header,.experience-title,.title,.contact-title,.hero-note strong{font-family:Pixelify Sans,Courier New,monospace!important;font-weight:600;letter-spacing:-.055em}.header{text-shadow:4px 0 0 #352d17,0 4px 0 #352d17,6px 6px 0 #080808}.hero-role,.navItems,.nav-resume,.eyebrow,.note-index,.console-topline,.hero-meta,.hero-stats,.section-title,.project-tech h3{font-family:"Press Start 2P",Courier New,monospace!important}.button,.social-link span{font-family:Silkscreen,Courier New,monospace!important}.hero-role{font-size:clamp(.65rem,1.1vw,.9rem);line-height:1.8}.infoText,.section-lede,.timeline-description,.project-description,.contact-description,.timeline-title,.timeline-subtitle{font-family:Silkscreen,Courier New,monospace!important}.infoText,.section-lede,.contact-description{font-size:.95rem;line-height:1.85}.eyebrow,.section-title,.note-index,.console-topline{font-size:.5rem;line-height:1.7}.button{font-size:.55rem;line-height:1.7}.project-title{font-family:Pixelify Sans,Courier New,monospace!important;font-weight:600}.timeline-title{font-size:.98rem;line-height:1.5}.navItems,.button,.timeline-content,.project-card,.contact-item,.social-link{border-radius:0}.button,.navItems,.social-link,.project-card,.timeline-content{transition:transform .18s steps(2,end),background-color .18s steps(2,end),border-color .18s steps(2,end),box-shadow .18s steps(2,end)}.hero:before,.hero:after,.timeline-content:before,.project-card:before,.contact-item:before{image-rendering:pixelated}.hero-role span{color:#f0f0f0}.section-lede,.infoText,.contact-description{color:#b7b7b7}.section-heading{position:relative}.section-heading:after{content:"///";position:absolute;top:.1rem;right:0;color:#665322;font:.8rem "Press Start 2P",monospace;letter-spacing:.2rem}.projects-heading:after{content:"SELECT"}.contact-content:before{content:"CONTACT // YF-2026";display:block;color:#665322;font:.5rem "Press Start 2P",monospace;margin-bottom:1.25rem}.project-card{border-top:4px solid #cca43b}.project-card:hover{transform:translate(-3px,-3px)}.hero{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 4rem);max-width:1120px;margin:0 auto}.hero-copy{max-width:960px}.header{max-width:900px;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.92}.infoText{max-width:600px}.hero-stamp,.hero-note{display:none}@media (max-width: 560px){.hero{min-height:calc(100vh - 60px);padding:2rem 1.2rem 3rem}.header{font-size:clamp(3rem,16vw,5.5rem)}}:root{--night: #080a10;--graphite: #111722;--graphite-light: #1a2230;--neon-gold: #f2c94c;--neon-cyan: #23e0ff;--neon-pink: #ff20aa;--cool-text: #d8e0e8;--cool-muted: #8f9baa}body{color:var(--cool-text);background:linear-gradient(rgba(35,224,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(35,224,255,.035) 1px,transparent 1px),var(--night)!important}.low-poly-background{background:radial-gradient(ellipse at 50% 110%,rgba(242,201,76,.18),transparent 42%),linear-gradient(180deg,#080a10 0%,#0e1322 55%,#090b12 100%)!important;opacity:1}.poly-gray-0,.poly-gray-1,.poly-gray-2,.poly-gray-3{fill:var(--graphite);stroke:var(--graphite-light)}.poly-gold{fill:#f2c94c14;stroke:#f2c94c9e;animation:neon-polygon-pulse 3.5s ease-in-out infinite alternate}.navBar{background:rgba(8,10,16,.88);border-color:#23e0ff61;border-bottom-color:var(--neon-gold)}.nav-brand,.nav-resume,.nav-number{color:var(--neon-gold)}.nav-brand{border-color:var(--neon-gold);text-shadow:0 0 10px rgba(242,201,76,.7)}.nav-brand span,.nav-resume span,.navItems:hover .hoverText,.navItems:focus-visible .hoverText{color:var(--neon-cyan)}.navItems:hover,.navItems:focus-visible{border-color:var(--neon-cyan);box-shadow:inset 3px 0 var(--neon-cyan),0 0 12px #23e0ff29}.hero,.carousel-container,.timeline-content,.contact-item{background:rgba(17,23,34,.74);border-color:#f2c94c40}.header em,.hero-role,.section-title,.project-tech h3,.contact-title em,.experience-title em,.title em{color:var(--neon-gold);text-shadow:0 0 10px rgba(242,201,76,.35)}.infoText,.section-lede,.contact-description,.timeline-description,.project-description{color:var(--cool-muted)}.button-primary{background:var(--neon-gold);border-color:var(--neon-gold);color:var(--night);box-shadow:0 0 16px #f2c94c3d}.button-primary:hover{background:#ffe27a}.button-secondary{color:var(--neon-cyan);border-color:var(--neon-cyan)}.section-heading{border-left-color:var(--neon-pink)}.project-card{background:rgba(17,23,34,.92);border-color:#f2c94c6b;border-top-color:var(--neon-gold)}.project-card:hover{border-color:var(--neon-cyan);box-shadow:7px 7px 0 var(--neon-pink),0 0 22px #23e0ff29}.contact-item{border-left-color:var(--neon-gold)}.low-poly-background:before{top:0;right:0;bottom:0;left:0;opacity:1;background:radial-gradient(ellipse at 12% 32%,rgba(255,32,170,.28),transparent 24%),radial-gradient(ellipse at 88% 22%,rgba(35,224,255,.24),transparent 25%),radial-gradient(ellipse at 50% 100%,rgba(242,201,76,.2),transparent 40%),linear-gradient(rgba(35,224,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,32,170,.07) 1px,transparent 1px);background-size:auto,auto,auto,64px 64px,64px 64px;filter:none;animation:neon-field-drift 12s ease-in-out infinite alternate}.low-poly-background:after{top:0;right:0;bottom:0;left:0;opacity:.5;background:linear-gradient(180deg,transparent 0%,rgba(35,224,255,.1) 50%,transparent 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 6px);background-size:100% 45%,100% 100%;animation:scanline-sweep 5s linear infinite}.low-poly-svg{z-index:1;opacity:.58;animation:polygon-drift 24s ease-in-out infinite alternate}@keyframes neon-field-drift{0%{transform:scale(1) translate3d(-2%,-1%,0);background-position:0 0,0 0,0 0,0 0,0 0}to{transform:scale(1.1) translate3d(2%,2%,0);background-position:12% 8%,-8% 12%,0 -6%,32px 48px,48px 32px}}@keyframes scanline-sweep{0%{background-position:0 -60%,0 0}to{background-position:0 160%,0 0}}@keyframes polygon-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-1%,1%,0) scale(1.03)}}@keyframes neon-polygon-pulse{0%{opacity:.45;filter:drop-shadow(0 0 2px rgba(242,201,76,.2))}to{opacity:.95;filter:drop-shadow(0 0 8px rgba(242,201,76,.65))}}@media (prefers-reduced-motion: reduce){.low-poly-background:before,.low-poly-background:after,.low-poly-svg,.poly-gold{animation:none!important}}body{background:linear-gradient(rgba(35,224,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,54,190,.045) 1px,transparent 1px),#080a10!important;background-size:42px 42px}.low-poly-background{background:#080a10!important;opacity:.85;overflow:hidden}.low-poly-background:before,.low-poly-background:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none}.low-poly-background:before{background:radial-gradient(circle at 20% 20%,rgba(255,32,170,.2),transparent 25%),radial-gradient(circle at 80% 70%,rgba(35,224,255,.14),transparent 28%),radial-gradient(circle at 50% 110%,rgba(204,164,59,.13),transparent 30%);filter:blur(35px);animation:neon-drift 18s ease-in-out infinite alternate}.low-poly-background:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);opacity:.3;animation:scanline-roll 10s linear infinite}.low-poly-svg{opacity:.34;mix-blend-mode:screen}.poly-gray-0,.poly-gray-1,.poly-gray-2,.poly-gray-3{fill:#111722;stroke:#1d2938}.poly-gold{fill:#cca43b1a;stroke:#cca43bb3;filter:drop-shadow(0 0 4px rgba(204,164,59,.35))}@keyframes neon-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}@keyframes scanline-roll{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}.navBar{background:rgba(7,9,16,.82);border:1px solid rgba(35,224,255,.38);border-bottom:2px solid #cca43b;box-shadow:0 0 14px #23e0ff29,0 0 28px #ff20aa1a,4px 4px #cca43b38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-brand{color:#cca43b;border-color:#cca43b;text-shadow:0 0 9px rgba(204,164,59,.8);box-shadow:inset 0 0 10px #cca43b14}.nav-brand span,.nav-resume span{color:#23e0ff}.navItems:hover,.navItems:focus-visible{color:#23e0ff;border-color:#23e0ff;background:rgba(35,224,255,.08);box-shadow:inset 3px 0 #23e0ff,0 0 12px #23e0ff33}.navItems:hover .hoverText,.navItems:focus-visible .hoverText{color:#23e0ff;text-shadow:0 0 8px rgba(35,224,255,.8)}.nav-resume{border-color:#cca43b;color:#cca43b;box-shadow:0 0 10px #cca43b24}.nav-resume:hover{background:#cca43b;color:#080a10;box-shadow:0 0 16px #cca43b99}.hero,.carousel-container{background:rgba(5,7,13,.62);border-color:#23e0ff47;box-shadow:0 0 0 1px #ff20aa1f,0 0 34px #23e0ff14}.header em,.hero-role,.section-title,.project-tech h3{color:#cca43b;text-shadow:0 0 10px rgba(204,164,59,.45)}.button-primary{background:#cca43b;border-color:#cca43b;box-shadow:0 0 14px #cca43b47}.button-secondary{border-color:#23e0ff;color:#23e0ff}.button-secondary:hover{background:rgba(35,224,255,.14);box-shadow:0 0 14px #23e0ff59}.section-heading{border-left-color:#ff20aa}.project-card{background:rgba(13,16,26,.92);border-color:#cca43b80;box-shadow:5px 5px #ff20aa73}.project-card:hover{border-color:#23e0ff;box-shadow:7px 7px #ff20aa,0 0 22px #23e0ff2e}@media (prefers-reduced-motion: reduce){.low-poly-background:before,.low-poly-background:after{animation:none}}.navBar{top:1rem;left:1rem;right:1rem;width:auto;height:62px;min-height:62px;flex-direction:row;padding:.65rem 1rem;border:1px solid #665322;border-bottom:2px solid #cca43b;box-shadow:4px 4px #66532259}.nav-brand{min-width:54px;padding:.25rem .45rem}.nav-brand:before{display:none}.navbarList{width:auto;height:auto;flex-direction:row;justify-content:flex-start;gap:.2rem;margin-left:clamp(1rem,4vw,4rem)}.navItems{width:auto;flex-direction:row;align-items:center;gap:.45rem;padding:.6rem .7rem;border-left:0}.navItems:after{display:none}.nav-number{color:#8b7331;font-size:.48rem}.hoverText{font-family:Silkscreen,Courier New,monospace!important;font-size:.68rem}.nav-resume{margin-left:auto;padding:.6rem .75rem;border:1px solid #665322}.nav-resume:hover{background:#cca43b;color:#1a1a1a}.main-container{width:100%;margin-left:0}.section{scroll-margin-top:92px}#about{padding-top:9rem}@media (max-width: 700px){.navBar{top:.5rem;left:.5rem;right:.5rem;padding:.5rem .6rem}.navbarList{margin-left:.45rem;gap:0}.navItems{padding:.5rem .38rem}.nav-number{display:none}.hoverText{font-size:.55rem}.nav-resume{display:none}#about{padding-top:7rem}}.projects-grid{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.projects-grid .project-card{height:100%;min-height:430px;max-height:none;overflow:visible;animation:card-boot .55s steps(4,end) both}.projects-grid .project-card:nth-child(2){animation-delay:.12s}.projects-grid .project-card:nth-child(3){animation-delay:.24s}.navBar{animation:nav-boot .45s steps(4,end) both}.hero-copy>*{animation:hero-boot .65s steps(5,end) both}.hero-copy .hero-role{animation-delay:.12s}.hero-copy .infoText{animation-delay:.2s}.hero-copy .hero-actions{animation-delay:.3s}.hero-copy .hero-meta{animation-delay:.4s}.section-heading{animation:heading-boot .6s steps(5,end) both}@keyframes nav-boot{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-boot{0%{opacity:0;transform:translateY(18px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes heading-boot{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes card-boot{0%{opacity:0;transform:translateY(24px) scale(.98);filter:brightness(1.8)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@media (max-width: 1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 650px){.projects-grid{grid-template-columns:1fr;gap:1rem}.projects-grid .project-card{min-height:390px}}@media (prefers-reduced-motion: reduce){.navBar,.hero-copy>*,.section-heading,.projects-grid .project-card{animation:none!important}}.navBar{position:fixed!important;display:flex!important;top:1rem!important;left:1rem!important;right:1rem!important;bottom:auto!important;width:auto!important;height:62px!important;min-height:62px!important}.projects-container{max-width:1400px}.carousel-wrapper{width:100%;max-width:1240px}.carousel-container,.react-multi-carousel-list{width:100%}.carousel-container{border:1px solid #4d411e;padding:1.5rem 1rem 3.5rem;background:rgba(0,0,0,.28)}.carousel-item{padding:0 .65rem}.project-card{width:100%;min-height:430px}@media (max-width: 700px){.navBar{top:.5rem!important;left:.5rem!important;right:.5rem!important;height:56px!important;min-height:56px!important}.carousel-container{padding-inline:.35rem}}.section{min-height:auto}#about{min-height:760px}#about .hero{min-height:620px}@media (max-width: 700px){#about{min-height:calc(100vh - 60px)}#about .hero{min-height:calc(100vh - 120px)}}.navBar{background:rgba(16,16,16,.96);border-right:1px solid #665322}.nav-brand{padding:.5rem .35rem;border:1px solid #665322;color:#cca43b;text-align:center;text-shadow:0 0 12px rgba(204,164,59,.5)}.nav-brand:before{content:"▲";display:block;font:.55rem var(--mono);margin-bottom:.15rem}.navItems{position:relative;border:1px solid transparent}.navItems:hover,.navItems:focus-visible{border:1px solid #cca43b;background:rgba(204,164,59,.08);box-shadow:inset 3px 0 #cca43b}.navItems:after{content:"◈";color:#665322;font-size:.65rem;margin-left:auto}.hero{border:1px solid #4d411e;padding:clamp(2rem,5vw,5rem);background:rgba(12,12,12,.62);box-shadow:0 0 0 6px #cca43b06,0 0 60px #cca43b14;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:18px;height:18px;border-color:#cca43b;border-style:solid;pointer-events:none}.hero:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.hero:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.hero-copy{position:relative;z-index:1}.eyebrow{text-shadow:0 0 8px rgba(204,164,59,.4)}.header{text-shadow:4px 4px 0 #352d17}.hero-role{color:#cca43b;text-transform:uppercase}.hero-meta{border-top:1px solid #3a321c;padding-top:1rem}.hero-note{border:1px solid #665322;border-left:3px solid #cca43b;padding:1.25rem;background:rgba(0,0,0,.5);box-shadow:4px 4px #cca43b29}.console-topline{display:flex;align-items:center;justify-content:space-between;gap:.45rem;color:#8d8d8d;font:.55rem var(--mono);border-bottom:1px solid #3a321c;padding-bottom:.75rem;margin-bottom:1.25rem}.status-dot{width:6px;height:6px;background:#9dbb63;border-radius:50%;box-shadow:0 0 8px #9dbb63;animation:status-blink 1.4s steps(2,start) infinite}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #3a321c}.hero-stats div{display:flex;flex-direction:column;gap:.35rem}.hero-stats b{color:#cca43b;font:1.25rem var(--mono)}.hero-stats span{color:#777;font:.48rem var(--mono);line-height:1.3}@keyframes status-blink{50%{opacity:.35}}.section-heading{border-left:3px solid #cca43b;padding-left:1.25rem}.section-title,.project-tech h3,.note-index{color:#cca43b}.timeline-content,.project-card,.contact-item,.social-link{position:relative}.timeline-content:before,.project-card:before,.contact-item:before{content:"+";position:absolute;top:.5rem;right:.65rem;color:#665322;font:.8rem var(--mono)}.timeline-content:hover,.project-card:hover,.social-link:hover{cursor:crosshair}.project-card{box-shadow:5px 5px #665322}.project-card:hover{box-shadow:7px 7px #cca43b}.project-title:before{content:"MISSION // ";color:#8d8d8d;display:block;font:.55rem var(--mono);letter-spacing:.08em;margin-bottom:.5rem}.custom-dot.active{box-shadow:0 0 8px #cca43b}.button-primary{box-shadow:3px 3px #665322}.button-primary:hover{background:#d4b347}.hero-stamp{color:#242015;text-shadow:2px 2px 0 rgba(204,164,59,.08)}:root{--void: #070510;--void-deep: #0b0719;--panel: #100b22;--panel-raised: #181133;--cyan: #00f0ff;--pink: #ff2bd6;--lime: #b7ff00;--white: #f5f2ff;--lavender: #c1b8dd;--violet-line: #3e2c66}html,body{background:var(--void)!important;color:var(--white)}body{background:linear-gradient(rgba(0,240,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.035) 1px,transparent 1px),var(--void)!important;background-size:48px 48px}.low-poly-background{background:radial-gradient(ellipse at 12% 12%,rgba(255,43,214,.26),transparent 27%),radial-gradient(ellipse at 90% 28%,rgba(0,240,255,.2),transparent 30%),radial-gradient(ellipse at 50% 110%,rgba(183,255,0,.12),transparent 36%),var(--void)!important}.low-poly-background:before{background:linear-gradient(rgba(0,240,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.1) 1px,transparent 1px),radial-gradient(circle at 25% 45%,rgba(255,43,214,.3),transparent 25%),radial-gradient(circle at 75% 55%,rgba(0,240,255,.25),transparent 28%);background-size:56px 56px,56px 56px,auto,auto}.poly-gray-0,.poly-gray-1,.poly-gray-2,.poly-gray-3{fill:#120d27;stroke:#291c4d}.poly-gold{fill:#00f0ff14;stroke:#00f0ffb8;filter:drop-shadow(0 0 7px rgba(0,240,255,.45))}.navBar{background:rgba(7,5,16,.86);border:1px solid rgba(0,240,255,.5);border-bottom:2px solid var(--pink);box-shadow:0 0 18px #00f0ff2e,4px 4px #ff2bd640}.nav-brand{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 12px rgba(0,240,255,.8)}.nav-brand span,.nav-resume span,.nav-number{color:var(--pink)}.navItems:hover,.navItems:focus-visible{border-color:var(--pink);background:rgba(255,43,214,.1);box-shadow:inset 3px 0 var(--pink),0 0 16px #ff2bd63d}.navItems:hover .hoverText,.navItems:focus-visible .hoverText{color:var(--cyan);text-shadow:0 0 9px rgba(0,240,255,.8)}.nav-resume{color:var(--cyan);border-color:var(--cyan)}.nav-resume:hover{background:var(--cyan);color:var(--void);box-shadow:0 0 18px #00f0ff8c}.hero,.carousel-container{background:rgba(16,11,34,.78);border-color:#00f0ff5c;box-shadow:0 0 0 1px #ff2bd629,0 0 42px #00f0ff1a}.header{color:var(--white);text-shadow:5px 5px 0 #2c1249,0 0 20px rgba(0,240,255,.18)}.header em,.experience-title em,.title em,.contact-title em{color:var(--pink);text-shadow:0 0 14px rgba(255,43,214,.65)}.hero-role{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.5)}.hero-role span{color:var(--pink)}.eyebrow,.section-title,.project-tech h3,.note-index{color:var(--cyan)}.infoText,.section-lede,.contact-description,.timeline-description,.project-description{color:var(--lavender)}.button-primary{color:var(--void);background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px #00f0ff66}.button-primary:hover{background:var(--pink);border-color:var(--pink);box-shadow:4px 4px 0 var(--cyan),0 0 18px #ff2bd673}.button-secondary{color:var(--pink);border-color:var(--pink)}.button-secondary:hover{color:var(--void);background:var(--pink);box-shadow:0 0 18px #ff2bd673}.section-heading{border-left-color:var(--pink)}.timeline-content,.contact-item{background:rgba(24,17,51,.78);border-color:var(--violet-line)}.timeline-content:hover{border-color:var(--cyan);box-shadow:5px 5px 0 var(--pink),0 0 20px #00f0ff29}.timeline-subtitle,.timeline-duration{color:var(--cyan)}.projects-grid .project-card{background:linear-gradient(145deg,#181133,#0e091d);border-color:#00f0ff73;border-top-color:var(--pink);box-shadow:6px 6px #ff2bd680}.projects-grid .project-card:hover{border-color:var(--cyan);box-shadow:8px 8px 0 var(--pink),0 0 28px #00f0ff33}.project-title{color:var(--white);border-bottom-color:var(--violet-line)}.project-title:before{color:var(--pink)}.project-tech{border-bottom-color:var(--violet-line)}.github-link,.project-link{color:var(--cyan);border-color:var(--cyan)}.github-link:hover,.project-link:hover{color:var(--void);background:var(--cyan)}.contact-title{color:var(--white)}.contact-label,.contact-link:hover{color:var(--pink)}.contact-link,.contact-text{color:var(--white)}.social-link{border-color:var(--violet-line);background:rgba(16,11,34,.6)}.social-link:hover{background:var(--pink);border-color:var(--pink);box-shadow:4px 4px 0 var(--cyan)}.social-link span{color:var(--cyan)}.social-link:hover span{color:var(--void)}.loading-overlay{background:radial-gradient(circle at 50% 42%,rgba(0,240,255,.14),transparent 28%),var(--void)!important}.loading-overlay:before{background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,240,255,.14) 4px)}.loading-logo{color:var(--cyan)!important;text-shadow:0 0 7px var(--cyan),0 0 22px rgba(255,43,214,.7)!important}.loading-bar{background:rgba(255,43,214,.18);border-color:var(--pink)}.loading-progress{background:var(--pink);box-shadow:0 0 14px var(--pink)}a:focus-visible,button:focus-visible{outline-color:var(--cyan)}.landPage{position:relative;isolation:isolate}.landPage:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle 260px at var(--pointer-x, 50%) var(--pointer-y, 35%),rgba(0,240,255,.08),transparent 72%);mix-blend-mode:screen}.main-container,.navBar{z-index:2}.navBar{z-index:1000!important}html{scroll-padding-top:92px}.section{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.section.is-visible,#about{opacity:1;transform:translateY(0)}.navItems.is-active{color:var(--cyan);border-color:var(--cyan);background:rgba(0,240,255,.08);box-shadow:inset 3px 0 var(--cyan),0 0 14px #00f0ff2e}.navItems.is-active .hoverText{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.7)}.timeline-content,.project-card,.social-link,.button,.game-start{will-change:transform}.timeline-content:hover{transform:translateY(-7px) scale(1.01)}.social-link:hover{transform:translateY(-6px) rotate(-1deg)}@media (prefers-reduced-motion: reduce){.section{opacity:1;transform:none;transition:none}.landPage:after{display:none}}.status-dot{background:var(--lime);box-shadow:0 0 9px #b7ff00cc}