@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#f5f5f5;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#00ff4a;--dark-bg:#0a0a0a;--dark-accent:#111;--light-text:#f5f5f5;--muted-text:#a0a0a0;--transition-main:all 0.4s cubic-bezier(0.16,1,0.3,1);--shadow-sm:0 4px 12px #00000080;--shadow-lg:0 8px 24px #00ff4a33}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.02em;line-height:1.2}p{letter-spacing:.01em;line-height:1.6}.bento-item:hover .bento-icon{filter:none}body,html{box-sizing:border-box;font-family:Inter,sans-serif;width:100%}*,:after,:before{box-sizing:inherit}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.home-container{display:flex;flex-direction:column;gap:2rem}.content-container,.home-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:2rem 0;width:90%;z-index:1}.content-container{overflow-x:hidden}.mobile-image-container{display:none;text-align:center}.mobile-image{position:relative;z-index:10000}.next-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00ff4a,#093);border:2px solid #ffffff4d;border-radius:50%;bottom:50%;box-shadow:0 0 15px #00ff4acc,0 0 30px #00ff4a80,inset 0 0 5px #fff3;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:15px 20px;position:fixed;right:20px;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;z-index:9999}.next-button:hover{background:linear-gradient(135deg,#00cc3a,#072);box-shadow:0 0 25px #00ff4a,0 0 50px #00ff4acc,inset 0 0 8px #ffffff4d;transform:scale(1.15) rotate(5deg)}.next-button:active{box-shadow:0 0 10px #00ff4acc;transform:scale(.95)}@keyframes pulseGlow{0%{box-shadow:0 0 15px #00ff4acc,0 0 30px #00ff4a80}50%{box-shadow:0 0 25px #00ff4a,0 0 50px #00ff4acc}to{box-shadow:0 0 15px #00ff4acc,0 0 30px #00ff4a80}}.next-button{animation:pulseGlow 2s ease-in-out infinite alternate}@media (max-width:768px){.mobile-image-container{display:block;margin-top:20px}.mobile-image{border:2px solid #00ff4a;border-radius:50%;height:20vh;margin-left:auto;margin-right:auto;transition:transform .3s ease;width:20vh}}@media (max-width:414px){.next-button{font-size:18px;margin-bottom:15px;padding:10px 15px;right:40px}.mobile-image-container{display:block;height:auto;margin-top:20px;width:auto}}@media (max-width:430px){.mobile-image-container{display:block;margin-top:20px}.mobile-image{border:2px solid #00ff4a;border-radius:50%;height:28vh;margin-left:auto;margin-right:auto;transition:transform .3s ease;width:28vh}}.home-app-layout{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);padding-top:100px}@media (max-width:768px){.home-container{gap:1.5rem;margin:0 auto;padding:2rem 0 1rem;width:90%}.content-container{padding:2rem 0 1rem;width:95%}.home-app-layout{justify-content:center;min-height:calc(100vh - 70px);padding-top:90px;width:100%}}@media (max-width:480px){.home-container{gap:1.2rem}.content-container,.home-container{padding:.5rem 0;width:90%}.home-app-layout{padding-top:70px}}.a24-attribution{bottom:1rem;color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.5px;pointer-events:none;position:fixed;right:1rem;z-index:1000}@media (max-width:768px){.a24-attribution{bottom:.5rem;font-size:.65rem;right:.5rem}}#a24-background{background-color:#0a0a0a;background-image:linear-gradient(170deg,#0f0f0f,#0f0f0fe6 40%,#191919d9 60%,#0f0f0fe6);background-size:400% 400%;height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:background-position .8s ease-out;width:100%;z-index:0}.noise-overlay{animation:noise .5s infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E");bottom:-500%;height:1000%;left:-500%;opacity:.07;right:-500%;top:-500%;width:1000%}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(-1%,1%)}30%{transform:translate(1%,-1%)}40%{transform:translate(1%,1%)}50%{transform:translate(-1%)}60%{transform:translate(1%)}70%{transform:translateY(1%)}80%{transform:translateY(-1%)}90%{transform:translate(1%,-1%)}}.horizontal-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.horizontal-line{background-color:#fff;height:1px;position:absolute;transform:translateY(-50%)}.letterbox-bar{background-color:#000;height:0;opacity:0;position:absolute;transition:height .7s ease,opacity .7s ease;width:100%;z-index:2}.top-bar{top:0}.bottom-bar{bottom:0}.cinema-mode .letterbox-bar{height:5vh;opacity:1}.vignette{box-shadow:inset 0 0 150px #000000b3;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.a24-accent{animation:pulsate 4s ease-in-out infinite alternate;background-color:#4aff9133;height:20vh;left:5vw;position:absolute;top:40vh;transform-origin:top;width:1px}@keyframes pulsate{0%{height:15vh;opacity:.1}to{height:25vh;opacity:.3}}#a24-background:after{background:radial-gradient(circle at center,#0000 0,#0006 100%);content:"";height:100%;left:0;mix-blend-mode:overlay;position:absolute;top:0;width:100%}#hybrid-background{background:linear-gradient(145deg,#1a1a1e,#0f0f12);font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Arial,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}@media (prefers-color-scheme:dark){#hybrid-background{background:linear-gradient(145deg,#1a1a1e,#0f0f12)}}.noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.2;z-index:1}.blur-container,.noise-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.blur-container{z-index:2}.blur-element{border-radius:50%;filter:blur(90px);opacity:.6;position:absolute;transition:transform 1.5s cubic-bezier(.25,1,.5,1);will-change:transform}#blur-1{background-color:#007aff1a}#blur-2{background-color:#4aff9114}#blur-3{background-color:#ff375f12}.motes-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.accent-mote{animation:moteFadePulse 20s ease-in-out infinite;background-color:#4aff9166;border-radius:50%;opacity:0;position:absolute;transition:transform 1s cubic-bezier(.3,1,.7,1);will-change:transform,opacity}@keyframes moteFadePulse{0%,to{opacity:0;transform:scale(.8)}10%,30%{opacity:.6;transform:scale(1)}50%,70%{opacity:.2;transform:scale(.9)}90%{opacity:.4;transform:scale(1.1)}}.comets-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}.comet{animation:shoot 8s linear infinite;animation-delay:0s;animation-delay:var(--delay,0s);background-color:#fffc;border-radius:50%;box-shadow:0 0 10px 2px #ffffff80;height:2px;left:100%;opacity:0;position:absolute;transition:transform 1.5s cubic-bezier(.3,1,.7,1);width:2px;will-change:transform,opacity}.comet:after{background:linear-gradient(90deg,#fff6,#0000);border-radius:1px;content:"";height:1px;left:2px;position:absolute;top:50%;transform:translateY(-50%);width:60px}@keyframes shoot{0%{opacity:0;transform:translateX(0)}10%{opacity:1}70%{opacity:1}90%{opacity:0}to{opacity:0;transform:translateX(-150vw)}}@media (prefers-color-scheme:dark){.comet{background-color:#fffc;box-shadow:0 0 10px 2px #ffffff80}.comet:after{background:linear-gradient(90deg,#fff6,#0000)}}.content-wrapper-frosted{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#1c1c1ea6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px 0 #0003;position:relative;z-index:10}@media (prefers-color-scheme:dark){.content-wrapper-frosted{background:#1c1c1ea6;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0003}}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}@media (max-width:768px){.blur-element{filter:blur(60px)}}.futuristic-header{height:80px;left:0;position:fixed;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:1000}.futuristic-header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:70px}.header-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0ab3;border-bottom:1px solid #00ff4a26;height:100%;left:0;position:absolute;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:-1}.futuristic-header.scrolled .header-backdrop{background-color:#050505d9;border-bottom-color:#00ff4a4d}.header-content{height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1rem;width:90%}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:2rem}.logo{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;width:50px}.logo,.logo-border{transition:all .4s cubic-bezier(.16,1,.3,1)}.logo-border{border:1px solid #00ff4a80;border-radius:2px;inset:0;position:absolute}.logo:hover .logo-border{border-color:#00ff4ae6;box-shadow:0 0 15px #00ff4a4d}.logo-text{color:var(--light-text);font-family:Courier New,monospace;font-size:1.5rem;font-weight:500;letter-spacing:-.05em;transition:all .4s cubic-bezier(.16,1,.3,1)}.logo:hover .logo-text{color:#00ff4a;text-shadow:0 0 10px #00ff4a80}.header-status{display:flex;gap:1.5rem}.status-item{display:flex;flex-direction:column;gap:.2rem}.status-label{color:#ffffff80;font-size:.7rem;text-transform:uppercase}.status-label,.status-value{font-family:Courier New,monospace;letter-spacing:.05em}.status-value{color:#00ff4a;font-size:.9rem}.futuristic-nav{left:50%;position:absolute;transform:translateX(-50%)}.nav-track{gap:.5rem}.nav-node,.nav-track{align-items:center;display:flex;position:relative}.nav-node{cursor:pointer;gap:.75rem;padding:.5rem .75rem}.nav-node,.node-indicator{transition:all .4s cubic-bezier(.16,1,.3,1)}.node-indicator{background-color:#fff3;border-radius:50%;height:6px;width:6px}.nav-node:hover .node-indicator{background-color:#fffc;box-shadow:0 0 8px #fff6}.nav-node.active .node-indicator{background-color:#00ff4a;box-shadow:0 0 10px #00ff4a99}.node-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-node:hover .node-label{color:#fffffff2}.nav-node.active .node-label{color:#00ff4a}.node-connector{align-items:center;display:flex;height:100%;position:relative}.connector-line{background-color:#fff3;height:1px;transition:all .4s cubic-bezier(.16,1,.3,1);width:20px}.nav-node.active .connector-line,.nav-node:hover .connector-line{background-color:#00ff4ab3}.home-button{align-items:center;background-color:initial;border:1px solid #00ff4a66;color:var(--light-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;letter-spacing:.05em;overflow:hidden;padding:.6rem 1rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.home-button:before{background:linear-gradient(90deg,#00ff4a00 0,#00ff4a1a 50%,#00ff4a00);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform 1s cubic-bezier(.16,1,.3,1);width:100%}.home-button:hover{border-color:#00ff4ae6;color:#00ff4a}.home-button:hover:before{transform:translateX(100%)}.home-icon{font-size:.9rem;opacity:.9}.button-label{font-family:Instrument Sans,sans-serif}.chevron-icon{transition:transform .4s cubic-bezier(.16,1,.3,1)}.home-button:hover .chevron-icon{transform:translateX(3px)}@media (max-width:1024px){.header-status{display:none}}@media (max-width:768px){.futuristic-header{display:none}.header-content{flex-direction:column;gap:1rem;padding:1rem}.header-left{justify-content:center;width:100%}.futuristic-nav{left:auto;margin:.5rem 0;position:relative;transform:none;width:100%}.nav-track{flex-wrap:wrap;justify-content:center}.home-button{margin:.5rem 0}}@media (max-width:480px){.nav-node{gap:.5rem;padding:.4rem .5rem}.node-label{font-size:.8rem}.connector-line{width:10px}}.mobile-header{box-sizing:border-box;display:none;height:70px;left:0;position:fixed;top:0;transition:background-color .3s var(--transition-main),box-shadow .3s var(--transition-main);width:100%;z-index:1000}.mobile-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0ae6;box-shadow:0 2px 20px #0000004d}.mobile-header.menu-open{background-color:initial;box-shadow:none}.mobile-header-inner{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1010}.mobile-logo{font-family:Instrument Sans,sans-serif;font-weight:500;transition:opacity .3s var(--transition-main)}.mobile-logo a{color:var(--light-text);cursor:pointer;font-size:1.5rem;letter-spacing:-.02em;position:relative;text-decoration:none}.mobile-logo a:after{background-color:var(--primary-color);bottom:-4px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--transition-main);width:100%}.mobile-logo a:hover:after{transform:scaleX(1);transform-origin:left}.hamburger-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:space-between;padding:10px;position:relative;transition:transform .3s var(--transition-main);width:40px}.hamburger-button:hover{transform:scale(1.05)}.hamburger-line{background-color:var(--light-text);box-shadow:0 0 5px #00000080;display:block;height:1px;transform-origin:center;transition:transform .4s var(--transition-main),width .3s var(--transition-main),opacity .3s var(--transition-main),background-color .3s var(--transition-main);width:24px}.hamburger-button:hover .hamburger-line{background-color:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-rgb),.4)}.hamburger-button .hamburger-line:first-child{width:24px}.hamburger-button .hamburger-line:nth-child(2){width:18px}.hamburger-button .hamburger-line:nth-child(3){width:24px}.hamburger-button.open .hamburger-line:first-child{background-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-rgb),.6);transform:translateY(8px) rotate(45deg);width:24px}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger-button.open .hamburger-line:nth-child(3){background-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-rgb),.6);transform:translateY(-8px) rotate(-45deg);width:24px}.mobile-nav-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#0a0a0af2,#000000fa);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow-y:auto;padding:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1);visibility:hidden;width:100%;z-index:1000}.mobile-nav-overlay:after,.mobile-nav-overlay:before{background-color:#000;content:"";height:30px;left:0;position:absolute;transition:transform .8s cubic-bezier(.16,1,.3,1);width:100%;z-index:10}.mobile-nav-overlay:before{top:0;transform:translateY(-100%)}.mobile-nav-overlay:after{bottom:0;transform:translateY(100%)}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-overlay.open:after,.mobile-nav-overlay.open:before{transform:translateY(0)}.mobile-nav-overlay .gradient-overlay{background:radial-gradient(circle at center,rgba(var(--primary-rgb),.1) 0,#0000 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s cubic-bezier(.16,1,.3,1);width:100%}.mobile-nav-overlay.open .gradient-overlay{opacity:1}.mobile-nav{justify-content:space-between;max-width:85%;padding:5rem 0;position:relative}.mobile-nav,.mobile-nav-content{display:flex;flex-direction:column;margin:0 auto;min-height:70vh;width:100%}.mobile-nav-content{align-items:center;justify-content:center;max-width:400px}.mobile-nav-links{counter-reset:nav-counter;list-style:none;margin:0;padding:0;width:100%}.mobile-nav-links li{counter-increment:nav-counter;margin-bottom:2rem;opacity:0;padding-left:3rem;position:relative;transform:translateY(30px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.mobile-nav-links li:before{color:var(--primary-color);content:"0" counter(nav-counter) "/";display:block;font-family:Courier New,monospace;font-size:.8rem;left:0;opacity:0;position:absolute;top:.6rem;transform:translateX(-10px);transition:opacity .5s cubic-bezier(.16,1,.3,1) .3s,transform .5s cubic-bezier(.16,1,.3,1) .3s}.mobile-nav-overlay.open .mobile-nav-links li{opacity:1;transform:translateY(0)}.mobile-nav-overlay.open .mobile-nav-links li:before{opacity:.8;transform:translateX(0)}.mobile-nav-overlay.open .mobile-nav-links li:first-child{transition-delay:.1s}.mobile-nav-overlay.open .mobile-nav-links li:nth-child(2){transition-delay:.2s}.mobile-nav-overlay.open .mobile-nav-links li:nth-child(3){transition-delay:.3s}.mobile-nav-overlay.open .mobile-nav-links li:nth-child(4){transition-delay:.4s}.mobile-nav-overlay.open .mobile-nav-links li:nth-child(5){transition-delay:.5s}.mobile-nav-links a{color:var(--light-text);cursor:pointer;display:inline-block;font-family:Instrument Sans,sans-serif;font-size:2rem;font-weight:500;letter-spacing:-.02em;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s var(--transition-main)}.mobile-nav-links a:after{background-color:var(--primary-color);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s var(--transition-main);width:0}.mobile-nav-links a:hover:after{width:100%}.mobile-nav-footer{border-top:1px solid #ffffff0d;margin-top:4rem;opacity:0;padding-top:1.5rem;text-align:center;transform:translateY(20px);transition:opacity .5s var(--transition-main),transform .5s var(--transition-main);transition-delay:.5s;width:100%}.mobile-nav-overlay.open .mobile-nav-footer{opacity:1;transform:translateY(0)}.mobile-nav-footer-text{color:var(--muted-text);font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.05em}@media (max-width:768px){.mobile-header{display:block}.a24-projects-container,main{padding-top:90px!important}}@media (max-width:576px){.mobile-header-inner{padding:0 1.5rem}.mobile-nav{max-width:90%}.mobile-nav-links a{font-size:1.8rem}.mobile-nav-links li{padding-left:2.5rem}}@media (max-width:480px){.mobile-header-inner{padding:0 1rem}.mobile-nav{max-width:90%;padding:4rem 1rem}.mobile-nav-links a{font-size:1.6rem}.mobile-nav-links li{margin-bottom:1.5rem;padding-left:2rem}.mobile-nav-links li:before{font-size:.7rem}.mobile-nav-footer{margin-top:3rem}}.bento-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:2rem;width:90%;z-index:1}.bento-grid{grid-gap:2rem;display:grid;gap:2rem;grid-auto-rows:minmax(220px,auto);grid-template-columns:repeat(4,1fr)}.bento-item{background:#0a0a0a;border:1px solid #111;border-radius:2px;box-shadow:0 4px 12px #00000080;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.bento-item.large{grid-column:span 2;grid-row:span 2}.bento-item.medium{grid-column:span 2;grid-row:span 1}.bento-item:hover{border:1px solid #00ff4a4d;box-shadow:0 8px 24px #00ff4a33;transform:translateY(-2px)}.bento-content{flex-direction:column;height:100%;padding:2rem;z-index:5}.bento-content,.bento-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.bento-icon-wrapper{height:80px;margin-bottom:1.5rem;width:80px}.bento-icon{color:#00ff4a;display:block;filter:drop-shadow(0 0 8px rgba(0,255,74,.5));font-size:2.8rem}.bento-icon,.bento-title{transition:all .4s cubic-bezier(.16,1,.3,1);z-index:10}.bento-title{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin:0;position:relative;text-align:center}.bento-item:hover .bento-title{color:#00ff4a;transform:translateY(-2px)}.bento-background{background:linear-gradient(135deg,#111,#070707);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.bento-item:after{background:#00ff4a;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .5s cubic-bezier(.16,1,.3,1);width:0;z-index:1}.bento-item:hover:after{width:100%}.bento-item:before{border:1px solid #0000;bottom:-5px;content:"";left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transform:scale(1.05);transition:all .6s cubic-bezier(.16,1,.3,1);z-index:-1}.bento-item:hover:before{border-color:#00ff4a33;opacity:1}@keyframes pulse{0%{filter:drop-shadow(0 0 8px rgba(0,255,74,.5))}50%{filter:drop-shadow(0 0 16px rgba(0,255,74,.8))}to{filter:drop-shadow(0 0 8px rgba(0,255,74,.5))}}.bento-item:hover .bento-icon{animation:pulse 2s cubic-bezier(.16,1,.3,1) infinite;transform:scale(1.05)}@media (max-width:1200px){.bento-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.bento-container{margin:0 auto;max-width:500px;overflow-x:hidden;padding:1rem;width:90%}.bento-grid{gap:1.2rem;grid-auto-rows:minmax(180px,auto);grid-template-columns:repeat(2,1fr)}.bento-item.large,.bento-item.medium{grid-column:span 2}.bento-icon{font-size:2.2rem}.bento-title{font-size:1.2rem}}@media (max-width:480px){.bento-container{padding:.5rem 0;width:92%}.bento-grid{gap:1.2rem;grid-template-columns:1fr}.bento-item{width:100%}.bento-item.large,.bento-item.medium{grid-column:span 1}.bento-item.large{grid-row:span 1}.bento-content{padding:1.5rem}}.skills-container{margin:0 auto;max-width:1200px;padding:3rem 2rem;position:relative;width:100%;z-index:1}.skills-header{align-items:center;display:flex;margin-bottom:3rem;position:relative}.skills-header h1{color:var(--light-text);font-size:3.5rem;font-weight:500;letter-spacing:-.05em;margin:0}.skills-intro{margin-bottom:4rem;max-width:800px}.skills-intro p{color:var(--muted-text);font-size:1.3rem;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0}.a24-skill-grid{display:flex;flex-direction:column;gap:6rem}.section-header{align-items:flex-start;margin-bottom:3rem}.section-indicator{align-items:center;display:flex;flex-direction:column;margin-right:1.5rem}.indicator-number{color:var(--primary-color);font-family:Courier New,monospace;font-size:1rem;margin-bottom:.5rem}.indicator-line{background-color:var(--primary-color);height:3rem;width:1px}.tech-categories{display:flex;flex-direction:column;gap:4rem}.category-header,.tech-category{margin-bottom:2rem}.category-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding-bottom:1rem}.category-icon{color:var(--primary-color);font-size:1.2rem;margin-right:1rem}.category-header h3{color:var(--light-text);font-size:1.4rem;font-weight:500;letter-spacing:-.01em;margin:0}.skills-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-left:2rem}.skill-card{align-items:center;display:flex;flex-direction:column;transition:transform .3s var(--transition-main)}.skill-image-container{align-items:center;display:flex;height:70px;justify-content:center;margin-bottom:1rem;position:relative;width:70px}.skill-image-container:after{background-color:var(--primary-color);bottom:-10px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s var(--transition-main);width:0}.skill-card:hover .skill-image-container:after{width:40px}.skill-image{filter:grayscale(.2) brightness(.95);max-height:100%;max-width:100%;object-fit:contain;transition:filter .3s var(--transition-main)}.skill-card:hover .skill-image{filter:grayscale(0) brightness(1)}.skill-text-badge{align-items:center;border:1px solid #4aff9140;border-radius:6px;box-sizing:border-box;color:var(--muted-text);display:flex;font-size:.62rem;font-weight:500;height:100%;justify-content:center;line-height:1.15;padding:6px 4px;text-align:center;transition:color .3s var(--transition-main),border-color .3s var(--transition-main);width:100%}.skill-card:hover .skill-text-badge{border-color:#4aff9180;color:var(--light-text)}.skill-name{color:var(--muted-text);text-align:center;transition:color .3s var(--transition-main)}.skill-card:hover .skill-name{color:var(--light-text)}.divider{background-color:#ffffff1a;height:1px;margin:2rem 0;width:100%}.professional-skills-section,.section-quote{position:relative}.section-quote{color:var(--light-text);font-size:1.6rem;font-style:italic;font-weight:400;letter-spacing:-.02em;line-height:1.5;margin:0 0 4rem;max-width:800px;padding-left:2rem}.section-quote:before{background-color:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.professional-skills-list{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}.professional-skill{position:relative}.skill-label{align-items:center;display:flex;margin-bottom:1rem}.skill-icon{font-size:1.2rem;margin-right:1rem}.skill-label h3{color:var(--light-text);font-size:1.2rem;font-weight:500;letter-spacing:-.01em;margin:0}.skill-description{color:var(--muted-text);font-size:1rem;line-height:1.5;margin:0 0 0 2.2rem}.skills-note{background-color:#ffffff08;border:1px solid #ffffff14;margin-top:3rem;padding:1.5rem;position:relative}.note-marker{background-color:var(--dark-bg);color:var(--primary-color);font-family:Courier New,monospace;font-size:.8rem;left:1rem;padding:0 .5rem;position:absolute;top:-.8rem}.skills-note p{color:var(--muted-text);font-size:1rem;line-height:1.6;margin:0}@media (max-width:992px){.professional-skills-list{gap:2rem;grid-template-columns:1fr}}@media (max-width:768px){.skills-container{padding-top:100px}.skills-header h1{font-size:2.5rem}.skills-intro p{font-size:1.1rem}.section-header h2{font-size:1.8rem}.section-quote{font-size:1.3rem;padding-left:1.5rem}.skills-gallery{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-left:1rem}.skill-image-container{height:60px;width:60px}}@media (max-width:480px){.skills-header h1{font-size:2rem}.skills-intro p{font-size:1rem}.section-header h2{font-size:1.5rem}.section-quote{font-size:1.1rem}.skills-gallery{grid-template-columns:repeat(2,1fr)}.skill-description{font-size:.9rem}}.certifications-section{margin-bottom:4rem;position:relative}.certifications-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:3rem}.certification-card{align-items:center;display:flex;flex-direction:column;min-width:200px;position:relative;transition:transform .3s var(--transition-main);width:calc(25% - 1.5rem)}.certification-card:hover{transform:translateY(-8px)}.certification-image-container{aspect-ratio:4/3;border-radius:4px;box-shadow:0 8px 20px #0000004d;margin-bottom:1rem;overflow:hidden;position:relative;transition:box-shadow .3s var(--transition-main);width:100%}.certification-card:hover .certification-image-container{box-shadow:0 12px 30px #00000080,0 0 0 1px #4aff911a}.certification-image{height:100%;object-fit:cover;transition:transform .5s var(--transition-main),filter .5s var(--transition-main);width:100%}.certification-card:hover .certification-image{filter:brightness(1.1);transform:scale(1.05)}.certification-name{padding:.5rem 0;position:relative;text-align:center}.certification-name span{color:var(--muted-text);font-size:.9rem;position:relative;transition:color .3s var(--transition-main)}.certification-card:hover .certification-name span{color:var(--primary-color)}.certification-name span:after{background-color:var(--primary-color);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s var(--transition-main);width:0}.certification-card:hover .certification-name span:after{width:100%}@media (max-width:992px){.certifications-row{justify-content:center}.certification-card{width:calc(50% - 1.5rem)}}@media (max-width:576px){.certification-card{width:100%}}.a24-projects-container{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:3rem 2rem;position:relative;width:100%;z-index:1}.projects-header{align-items:center;display:flex;margin-bottom:3rem;position:relative}.projects-header h1{color:var(--light-text);font-size:3.5rem;font-weight:500;letter-spacing:-.05em;margin:0}.projects-intro{margin-bottom:4rem;max-width:800px}.projects-intro p{color:var(--muted-text);font-size:1.3rem;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0}.category-navigation{margin-bottom:4rem}.categories-label{align-items:flex-start;display:flex;margin-bottom:2rem;position:relative}.category-index{color:var(--primary-color);font-family:Courier New,monospace;font-size:1rem;margin-right:1rem}.category-line{background-color:var(--primary-color);height:3rem;margin-right:1.5rem;width:1px}.categories-label h2{color:var(--light-text);font-size:2rem;font-weight:500;letter-spacing:-.02em;margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:1.5rem;margin-left:3.5rem}.category-btn{background:none;border:none;color:var(--muted-text);cursor:pointer;font-family:Instrument Sans,sans-serif;font-size:1rem;letter-spacing:-.01em;padding:.5rem 0;position:relative;transition:all .3s var(--transition-main)}.category-btn:after{background-color:var(--primary-color);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s var(--transition-main);width:0}.category-btn:hover{color:var(--light-text)}.category-btn:hover:after{width:100%}.category-btn.active{color:var(--primary-color)}.category-btn.active:after{width:100%}.projects-grid-container,.projects-label{position:relative}.projects-label{align-items:flex-start;display:flex;margin-bottom:3rem}.projects-index{color:var(--primary-color);font-family:Courier New,monospace;font-size:1rem;margin-right:1rem}.projects-line{background-color:var(--primary-color);height:3rem;margin-right:1.5rem;width:1px}.projects-label h2{color:var(--light-text);font-size:2rem;font-weight:500;letter-spacing:-.02em;margin:0}.a24-projects-grid{grid-gap:4rem 3rem;display:grid;gap:4rem 3rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-left:3.5rem;max-width:100%}.a24-project-card{cursor:pointer;perspective:1000px;position:relative;transition:transform .4s var(--transition-main)}.a24-project-card:hover{transform:translateY(-15px)}.project-card-inner{background:linear-gradient(145deg,#141414b3,#0f0f0fcc);background:linear-gradient(145deg,var(--card-bg,#141414b3),#0f0f0fcc);border:1px solid #ffffff0d;border-radius:4px;box-shadow:0 4px 20px #0000001a,0 1px 3px #0000000d,inset 0 1px 1px #ffffff0d;overflow:hidden;padding:1.5rem;position:relative;transform-style:preserve-3d;transition:all .4s var(--transition-main)}.a24-project-card:hover .project-card-inner{border-color:#ffffff1a;box-shadow:0 15px 35px #00000040,0 5px 10px #0000001a,inset 0 1px 1px #ffffff1a;transform:translateZ(20px) rotateX(2deg)}.project-number{color:var(--primary-color);font-family:Courier New,monospace;font-size:1rem;left:0;opacity:.8;position:absolute;text-shadow:0 0 10px rgba(var(--primary-rgb),.3);top:-2.5rem;z-index:2}.project-image-container{border-radius:2px;box-shadow:0 4px 12px #00000026;height:0;margin-bottom:1.5rem;overflow:hidden;padding-bottom:60%;position:relative;transform:translateZ(5px);width:100%}.project-image{filter:grayscale(.3) brightness(.9);height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s var(--transition-main);width:100%}.a24-project-card:hover .project-image{filter:grayscale(0) brightness(1);transform:scale(1.05)}.image-overlay{background:linear-gradient(180deg,#0003,#0006);height:100%;left:0;position:absolute;top:0;transition:background .3s var(--transition-main);width:100%}.a24-project-card:hover .image-overlay{background:linear-gradient(180deg,#0000,#0003)}.project-content{position:relative;transform:translateZ(10px)}.project-title{color:var(--light-text);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:0 0 1rem;text-shadow:0 1px 2px #0003}.project-description{color:var(--muted-text);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-meta{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;transform:translateZ(15px)}.project-categories{display:flex;flex-wrap:wrap;gap:.5rem}.project-category{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.05));border:1px solid rgba(var(--primary-rgb),.1);border-radius:20px;box-shadow:0 2px 5px #0000001a;color:var(--primary-color);font-size:.8rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.a24-project-card:hover .project-category{border-color:rgba(var(--primary-rgb),.2);box-shadow:0 3px 8px rgba(var(--primary-rgb),.2)}.view-project{align-items:center;color:var(--light-text);display:flex;font-size:.9rem;gap:.5rem;position:relative;transition:all .3s var(--transition-main)}.a24-project-card:hover .view-project{color:var(--primary-color);text-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.arrow-line{background-color:currentColor;box-shadow:0 0 5px currentColor;height:1px;transition:width .3s var(--transition-main);width:20px}.a24-project-card:hover .arrow-line{box-shadow:0 0 8px currentColor;width:30px}.a24-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#050505f2;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;transition:opacity .3s var(--transition-main);width:100%;z-index:1000}.a24-modal{animation:modalAppear .4s var(--transition-main) forwards;background:linear-gradient(145deg,#0a0a0a,#050505);border:1px solid #ffffff14;border-radius:4px;box-shadow:0 20px 50px #00000080,0 10px 20px #0000004d,inset 0 1px 1px #ffffff0d;box-sizing:border-box;max-height:85vh;max-width:900px;overflow-y:auto;padding:0;position:relative;transform:translateY(20px);width:85%}@keyframes modalAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 5px #0003;color:var(--light-text);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;position:absolute;right:1.2rem;top:1.2rem;transition:all .3s var(--transition-main);width:2rem;z-index:10}.modal-close-btn:hover{border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-rgb),.3);color:var(--primary-color);transform:rotate(90deg)}.a24-modal-content{width:100%}.modal-header{background:linear-gradient(180deg,#0f0f0fcc,#0a0a0a80);border-bottom:1px solid #ffffff0d;padding:2.5rem 2.5rem 1.5rem;position:relative}.modal-title{color:var(--light-text);font-size:2.2rem;font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:0 0 .8rem;text-shadow:0 2px 4px #0000004d}.modal-categories{display:flex;gap:1rem}.modal-category{color:var(--primary-color);font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.05em;opacity:.9;text-shadow:0 0 10px rgba(var(--primary-rgb),.3);text-transform:uppercase}.modal-image-container{box-shadow:0 5px 15px #0000004d;height:0;overflow:hidden;padding-bottom:50%;position:relative;width:100%}.modal-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s var(--transition-main);width:100%}.modal-body{grid-gap:3rem;background:linear-gradient(180deg,#0a0a0a80,#050505cc);display:grid;gap:3rem;grid-template-columns:3fr 1fr;padding:2.5rem}.modal-description h3,.modal-tech-stack h3{color:var(--light-text);font-size:1.3rem;font-weight:500;letter-spacing:-.02em;margin:0 0 1.2rem;padding-left:1.2rem;position:relative;text-shadow:0 1px 2px #0003}.modal-description h3:before,.modal-tech-stack h3:before{background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color);content:"";height:.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.5rem}.modal-description{margin-bottom:0}.modal-description p{color:var(--muted-text);font-size:1rem;line-height:1.7;margin:0}.modal-tech-stack{margin-bottom:2.5rem}.modal-side-content{border-left:1px solid #ffffff0d;padding-left:1.5rem}.modal-tech-tags{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2.5rem}.modal-tech-tag{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-left:2px solid #0000;border-radius:2px;box-shadow:0 2px 5px #0000001a;color:var(--muted-text);font-size:.85rem;padding:.5rem 1rem;transition:all .3s var(--transition-main)}.modal-tech-tag:hover{background:linear-gradient(145deg,#00ff4a14,#00ff4a08);border-left:2px solid var(--primary-color);box-shadow:0 3px 8px rgba(var(--primary-rgb),.2);color:var(--primary-color);transform:translateX(5px)}.modal-links{display:flex;flex-direction:column;gap:1rem}.modal-link{align-items:center;border:1px solid #ffffff1a;border-radius:2px;box-shadow:0 2px 5px #0000001a;color:var(--light-text);display:inline-flex;font-size:.9rem;gap:.5rem;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:.8rem 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s var(--transition-main)}.modal-link:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s var(--transition-main);width:100%}.modal-link:hover{background:linear-gradient(145deg,#00ff4a14,#00ff4a08);border-color:var(--primary-color);box-shadow:0 3px 8px rgba(var(--primary-rgb),.2);color:var(--primary-color);transform:translateY(-2px)}.modal-link:hover:before{transform:translateX(100%)}.github-link,.live-link{background:linear-gradient(145deg,#ffffff08,#ffffff03)}.a24-modal::-webkit-scrollbar{width:4px}.a24-modal::-webkit-scrollbar-track{background:#0003}.a24-modal::-webkit-scrollbar-thumb{background:#00ff4a33}.a24-modal::-webkit-scrollbar-thumb:hover{background:#00ff4a66}@media (max-width:992px){.a24-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.a24-projects-container{max-width:100%;overflow-x:hidden;padding:100px 1rem 2rem}.projects-header{margin-bottom:3.5rem}.projects-header h1{font-size:2.5rem}.projects-intro p{font-size:1.1rem}.category-navigation{margin-bottom:2.5rem}.category-filter{flex-wrap:wrap;gap:1rem;justify-content:center;margin-left:0;width:100%}.category-btn{font-size:.9rem;padding:.3rem .5rem}.a24-projects-grid{gap:3rem;grid-template-columns:1fr;margin-left:0;width:100%}.projects-label{margin-bottom:2rem}.a24-project-card{margin:0 auto;max-width:500px;width:100%}.project-card-inner{padding:1.2rem}.project-title{font-size:1.3rem}.a24-modal-backdrop{align-items:flex-start;overflow-y:auto;padding:1rem}.a24-modal{margin:70px auto 2rem;max-height:none;width:95%}.modal-body{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.modal-side-content{border-left:none;border-top:1px solid #ffffff0d;padding-left:0;padding-top:1.5rem}.modal-tech-tags{flex-direction:row;flex-wrap:wrap;gap:.5rem}.modal-tech-tag{font-size:.8rem;padding:.4rem .8rem}.modal-links{flex-direction:row;gap:.8rem}.modal-link{flex:1 1;font-size:.8rem;padding:.6rem .8rem}}@media (max-width:480px){.a24-projects-container{padding:1.5rem .75rem}.projects-header h1{font-size:2rem}.projects-intro p{font-size:1rem}.projects-label{margin-bottom:1.5rem}.project-meta{align-items:flex-start;flex-direction:column;gap:1rem}.project-card-inner{padding:1rem}.view-project{align-self:flex-end}.a24-modal-backdrop{padding:.5rem}.a24-modal{border-radius:3px;width:100%}.modal-title{font-size:1.5rem}.modal-header{padding:1.5rem 1.2rem 1rem}.modal-body{padding:1.2rem 1rem}.modal-tech-tags{gap:.4rem}.modal-tech-tag{font-size:.75rem;padding:.3rem .7rem}.modal-links{gap:.6rem}.modal-link{padding:.5rem .8rem}.modal-close-btn{font-size:1.3rem;height:1.8rem;right:.8rem;top:.8rem;width:1.8rem}.modal-image-container{padding-bottom:60%}}.about-container{margin:0 auto;max-width:1200px;padding:3rem 2rem;position:relative;width:100%;z-index:1}.about-header{align-items:center;display:flex;margin-bottom:4rem;position:relative}.about-header h1{color:var(--light-text);font-size:3.5rem;font-weight:500;letter-spacing:-.05em;margin:0}.about-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.about-section{border-bottom:1px solid #ffffff1a;padding-bottom:3rem;position:relative}.section-header{align-items:baseline;display:flex;margin-bottom:2rem;position:relative}.section-index{color:var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;margin-right:1rem;opacity:.8}.section-header h2{color:var(--light-text);font-size:2rem;font-weight:500;letter-spacing:-.02em;margin:0}.section-content{padding-left:2rem}.section-content a{border-bottom:1px solid #4aff9159;color:var(--primary-color);text-decoration:none;transition:color .2s ease,border-color .2s ease}.section-content a:hover{border-bottom-color:#7dffb38c;color:#7dffb3}.section-content p{color:var(--muted-text);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;max-width:800px}.background-section,.intro-section{position:relative}.highlight-text{border-left:2px solid var(--primary-color);margin:2rem 0;padding-left:1rem}.highlight-text span{color:var(--light-text);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.4}.experience-section{position:relative}.experience-item{margin-bottom:2.5rem}.experience-item h3{color:var(--light-text);font-size:1.3rem;font-weight:500;margin:0 0 .5rem}.experience-period{color:var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;margin-bottom:1rem}.skills-section{border-bottom:none;padding-bottom:0}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-left:2rem}.skill-card{background-color:var(--dark-accent);border:1px solid #ffffff0d;padding:1.5rem;transition:var(--transition-main)}.skill-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.skill-icon{color:var(--primary-color);font-size:1.8rem;margin-bottom:1rem}.skill-card h3{color:var(--light-text);font-size:1.2rem;font-weight:500;margin:0 0 .8rem}.skill-card p{color:var(--muted-text);font-size:.9rem;line-height:1.5;margin:0}@media (min-width:768px){.about-grid{gap:4rem 3rem;grid-template-columns:repeat(2,1fr)}.intro-section,.skills-section{grid-column:span 2}.skills-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.about-container{padding:2rem 1rem}.about-header h1{font-size:2.5rem}.section-content{padding-left:1rem}.highlight-text span{font-size:1.2rem}.skills-grid{grid-template-columns:repeat(2,1fr);padding-left:1rem}}@media (max-width:480px){.about-header h1{font-size:2rem}.section-header h2{font-size:1.5rem}.section-content p{font-size:1rem}.highlight-text span{font-size:1.1rem}.skills-grid{grid-template-columns:1fr}}.resume-container{align-items:center;display:flex;height:100vh;justify-content:center;margin-left:15vh}.resume-link{display:inline-block;position:relative;text-decoration:none}.resume-image-container{border-radius:20px;box-shadow:0 25px 50px #000000b3;height:700px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:550px}.resume-image{height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.resume-image-container:after{color:#0f0;content:"View Resume";font-size:28px;font-weight:700;left:50%;opacity:0;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.resume-image-container:hover .resume-image{box-shadow:inset 0 0 50px #000c;filter:brightness(70%);transform:scale(1.08)}.resume-image-container:hover:after{opacity:1}@media (max-width:768px){.resume-container{align-items:center;display:flex;height:auto;justify-content:center;margin:auto;width:90%}.resume-image-container{height:400px;margin:auto;width:300px}.resume-image-container:after{font-size:20px}}.resume-page{background-color:#121212;display:flex;justify-content:center;min-height:100vh;padding-top:100px;width:100%}.resume-paper-container{color:#e6e6e6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1100px;padding:2rem;width:100%}.resume-paper{background-color:#181818b3;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 10px 25px #00000080,0 0 0 1px #4aff910d,inset 0 0 60px #4aff910d;margin-top:2rem;overflow:hidden;padding:3rem;position:relative;transition:transform .4s ease,box-shadow .4s ease}.resume-paper:before{background:linear-gradient(45deg,#4aff9108,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.resume-header{align-items:baseline;border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:2rem;padding-bottom:1rem}.resume-mono-label{color:#4aff91;font-family:JetBrains Mono,Courier New,monospace;font-size:.9rem;margin-right:1rem;opacity:.9}.resume-header h1{font-size:2.5rem;font-weight:300;letter-spacing:-.5px;margin:0}.resume-actions{display:flex;gap:1rem;margin-bottom:2rem}.resume-download-button,.resume-view-button{align-items:center;background-color:#4aff9114;border:1px solid #4aff914d;border-radius:3px;color:#e6e6e6;display:flex;font-size:.85rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}.resume-download-button:hover,.resume-view-button:hover{background-color:#4aff9126;border-color:#4aff9180;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.resume-button-icon{color:#4aff91;font-size:.8rem;margin-right:.5rem}.resume-identity{border-bottom:1px solid #ffffff14;margin-bottom:2rem;padding-bottom:1.5rem}.resume-name{color:#fff;font-size:2.5rem;font-weight:400;letter-spacing:-.5px;margin:0 0 .5rem}.resume-title{color:#e6e6e6b3;font-size:1.2rem;font-weight:300}.resume-tabs{border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.resume-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#b0b0b0;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.6rem 1rem;transition:all .2s ease}.resume-tab:hover{background-color:#4aff9114;color:#fff}.resume-tab.active{background-color:#4aff9126;color:#4aff91}.tab-icon{font-size:.8rem}.resume-section{animation:fadeIn .5s ease;margin-bottom:3rem}.resume-section-header{align-items:center;display:flex;margin-bottom:1.5rem}.resume-section-marker{align-items:center;display:flex;margin-right:1rem}.resume-section-number{border:1px solid #4aff914d;border-radius:3px;color:#4aff91;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;margin-right:.8rem;padding:.2rem .4rem}.resume-section-line{background-color:#4aff914d;height:1px;width:20px}.resume-section-header h3{align-items:center;display:flex;font-size:1.3rem;font-weight:400;gap:.6rem;letter-spacing:-.5px;margin:0}.resume-section-icon{color:#4aff91;font-size:1rem}.resume-education-item{background-color:#ffffff08;border-left:3px solid #4aff9180;border-radius:6px;display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem}.resume-education-details{flex:1 1;min-width:250px}.resume-institution{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.resume-degree{color:#4aff91;font-size:1rem;margin-bottom:.5rem}.resume-gpa,.resume-graduation-date{color:#e6e6e6b3;font-size:.9rem;margin-bottom:.3rem}.resume-education-notes{flex:2 1;min-width:300px}.resume-education-notes p{color:#d0d0d0;font-size:.95rem;line-height:1.5;margin-top:0}.resume-courses-title{color:#4aff91;font-size:.9rem;letter-spacing:1px;margin:1rem 0 .5rem;text-transform:uppercase}.resume-courses-list ul{list-style:none;margin:0;padding:0}.resume-courses-list li{color:#d0d0d0;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;padding-left:1.2rem;position:relative}.resume-courses-list li:before{color:#4aff91;content:"›";font-size:1rem;left:0;position:absolute}.resume-skills-container{display:flex;flex-direction:column;gap:2rem}.resume-skill-category{background-color:#ffffff08;border-left:3px solid #4aff9180;border-radius:6px;padding:1.5rem}.resume-category-label{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;margin-bottom:1.2rem}.category-icon{color:#4aff91;font-size:.9rem}.skill-bars{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-name{color:#d0d0d0;font-size:.9rem}.skill-bar-container{background-color:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.skill-bar{background:linear-gradient(90deg,#4aff91,#18503b);border-radius:3px;height:100%;transition:width 1.5s cubic-bezier(.19,1,.22,1);width:0}.skill-percentage{color:#4aff91;font-size:.8rem;text-align:right}.resume-skills-text-mode .resume-skill-category{margin-bottom:0}.resume-skill-line{color:#d0d0d0;font-size:.95rem;line-height:1.6;margin:0}.resume-degree-secondary{color:#e6e6e6d9;font-size:.95rem;margin-top:.75rem}.resume-timeline{padding-left:1.5rem;position:relative}.resume-timeline:before{background:linear-gradient(180deg,#4aff91b3,#4aff911a);bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-dot{background-color:#4aff91;border-radius:50%;box-shadow:0 0 10px #4aff9180;height:12px;left:-1.5rem;position:absolute;transform:translateX(-6px);width:12px}.timeline-content{background-color:#ffffff08;border-left:3px solid #4aff9180;border-radius:6px;padding:1.5rem}.resume-experience-header,.timeline-content{margin-bottom:1rem}.resume-job-title{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.resume-company-name{color:#4aff91;font-size:1rem;margin-bottom:.3rem}.resume-job-date{color:#e6e6e6b3;font-size:.9rem}.resume-job-description ul{margin:0;padding-left:1.2rem}.resume-job-description li{color:#d0d0d0;font-size:.9rem;line-height:1.5;list-style-type:none;margin-bottom:.7rem;position:relative}.resume-job-description li:before{color:#4aff91;content:"›";font-size:1rem;left:-1.2rem;position:absolute}.resume-projects-list{display:flex;flex-direction:column;gap:1.25rem}.resume-project-block{grid-gap:1.25rem 1.5rem;align-items:start;background-color:#ffffff08;border:1px solid #ffffff0f;border-left:3px solid #4aff9173;border-radius:6px;display:grid;gap:1.25rem 1.5rem;grid-template-columns:140px 1fr;padding:1.25rem 1.5rem;transition:border-color .2s ease,background-color .2s ease}.resume-project-block:hover{background-color:hsla(0,0%,100%,.045);border-left-color:#4aff91bf}.resume-project-media{background:#00000059;border-radius:4px;flex-shrink:0;height:100px;overflow:hidden;width:140px}.resume-project-media img{display:block;height:100%;object-fit:cover;width:100%}.resume-project-main{min-width:0}.resume-project-title{color:#fff;font-size:1.05rem;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:0 0 .5rem}.resume-project-tags{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-bottom:.65rem}.resume-project-tag{background:#4aff9114;border:1px solid #4aff9133;border-radius:3px;color:#4aff91f2;font-size:.7rem;font-weight:500;letter-spacing:.04em;padding:.2rem .45rem;text-transform:uppercase}.resume-project-summary{color:#c8c8c8;font-size:.9rem;line-height:1.55;margin:0 0 .75rem}.resume-project-links{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.resume-project-link{align-items:center;border-bottom:1px solid #0000;color:#4aff91;display:inline-flex;font-size:.82rem;font-weight:500;gap:.4rem;text-decoration:none;transition:color .2s ease,border-color .2s ease}.resume-project-link:hover{border-bottom-color:#7dffb373;color:#7dffb3}@media (max-width:1100px){.resume-paper-container{padding:1.5rem}.resume-paper{padding:2rem}}@media (max-width:900px){.resume-education-item{flex-direction:column;gap:1rem}.skill-bars{grid-template-columns:1fr}}@media (max-width:768px){.resume-paper-container{padding:1rem}.resume-paper{padding:1.5rem}.resume-header{align-items:flex-start;flex-direction:column;gap:.5rem}.resume-tabs{gap:.3rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.resume-tab{font-size:.8rem;padding:.5rem .7rem}}@media (max-width:600px){.resume-actions{flex-direction:column;gap:.7rem}.resume-download-button,.resume-view-button{justify-content:center;width:100%}.resume-education-item,.resume-experience-item,.resume-skill-category,.timeline-content{padding:1rem}.resume-project-block{grid-template-columns:1fr;padding:1rem}.resume-project-media{height:140px;max-width:280px;width:100%}.resume-header h1{font-size:2rem}.resume-name{font-size:1.8rem}}.journal-container{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:3rem 2rem;position:relative;width:100%;z-index:1}.journal-header{align-items:center;display:flex;margin-bottom:3rem;position:relative}.mono-label{color:var(--primary-color);font-family:Courier New,monospace;font-size:1rem;margin-right:1rem;opacity:.8}.journal-header h1{color:var(--light-text);font-size:3.5rem;font-weight:500;letter-spacing:-.05em;margin:0}.journal-intro{margin-bottom:4rem;max-width:800px}.journal-intro p{color:var(--muted-text);font-size:1.3rem;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0}.journal-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin-left:3.5rem}.journal-post{background:linear-gradient(145deg,#141414b3,#0f0f0fcc);border:1px solid #ffffff0d;border-radius:4px;box-shadow:0 4px 20px #0000001a,0 1px 3px #0000000d,inset 0 1px 1px #ffffff0d;overflow:hidden;padding:2.5rem;position:relative;transform-style:preserve-3d;transition:all .4s var(--transition-main)}.journal-post:hover{border-color:#ffffff1a;box-shadow:0 10px 30px #0003,0 5px 10px #0000001a,inset 0 1px 1px #ffffff1a;transform:translateY(-5px)}.post-header{margin-bottom:2rem;position:relative}.post-date{align-items:center;color:var(--primary-color);display:flex;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.05em;margin-bottom:1rem}.date-icon{font-size:.9rem;margin-right:.5rem}.post-title{color:var(--light-text);font-size:2.2rem;font-weight:500;letter-spacing:-.03em;line-height:1.3;margin:0;position:relative;text-shadow:0 1px 2px #0003}.post-title:before{background-color:var(--primary-color);content:"";height:80%;left:-1.5rem;position:absolute;top:.5rem;transform:scaleY(0);transform-origin:top;transition:transform .4s var(--transition-main);width:3px}.journal-post:hover .post-title:before{transform:scaleY(1)}.post-excerpt{margin-bottom:2rem}.post-excerpt p{color:var(--muted-text);font-size:1.1rem;line-height:1.6;margin:0}.post-actions{display:flex;justify-content:flex-end}.read-more-btn{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.05em;padding:.5rem 0;position:relative;transition:all .3s var(--transition-main)}.read-more-btn:after{background-color:var(--primary-color);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s var(--transition-main);width:0}.read-more-btn:hover:after{width:100%}.chevron-icon{font-size:.7rem;margin-left:.5rem;transition:transform .3s var(--transition-main)}.read-more-btn:hover .chevron-icon{transform:translateY(2px)}.post-content{animation:fadeIn .5s var(--transition-main);margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-divider{background:linear-gradient(to right,#0000,rgba(var(--primary-rgb),.3),#0000);height:1px;margin-bottom:2rem;width:100%}.post-content h3{color:var(--light-text);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;margin:2rem 0 1rem}.post-content p{color:var(--muted-text);font-size:1rem;line-height:1.7;margin:0 0 1.5rem}.post-content ul{margin:0 0 1.5rem;padding-left:1.5rem}.post-content li{color:var(--muted-text);font-size:1rem;line-height:1.7;margin-bottom:.5rem}@media (max-width:768px){.journal-container{padding:100px 1rem 2rem}.journal-header h1{font-size:2.5rem}.journal-intro p{font-size:1.1rem}.journal-grid{gap:3rem;margin-left:0}.journal-post{padding:1.5rem}.post-title{font-size:1.8rem}.post-title:before{left:-1rem}.post-excerpt p{font-size:1rem}}@media (max-width:480px){.journal-header h1{font-size:2rem}.journal-intro p{font-size:1rem}.journal-post{padding:1.2rem}.post-title{font-size:1.5rem}.post-content h3{font-size:1.3rem}.post-content li,.post-content p{font-size:.95rem}}.intro-card{margin:0 auto 2rem;max-width:950px;width:100%}.intro-content{background-color:#141414;box-shadow:0 10px 30px #0000004d;display:grid;grid-template-columns:250px 1fr;overflow:hidden}.intro-content,.intro-left{position:relative}.intro-image-container{height:100%;overflow:hidden}.intro-image{display:block;height:100%;object-fit:cover;width:100%}.intro-right{border-left:1px solid #ffffff12;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;position:relative}.intro-header{margin-bottom:1.25rem}.intro-eyebrow{color:#fff9;display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.intro-name{color:#fff;font-size:2.5rem;font-weight:300;letter-spacing:-.5px;line-height:1.1;margin:0 0 .5rem}.intro-title-wrap{border-bottom:1px solid #4aff914d;display:inline-block;margin-bottom:1rem;padding-bottom:3px;position:relative}.intro-title{color:#4aff91;font-size:1rem;font-weight:400;letter-spacing:.5px}.intro-bio{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:550px}.intro-footer{align-items:flex-end;display:flex;justify-content:space-between}.intro-social{display:flex;gap:1rem}.intro-social-link{color:#fff9;font-size:1.25rem;transition:all .2s ease}.intro-social-link:hover{color:#4aff91}@media (max-width:900px){.intro-content{grid-template-columns:1fr}.intro-image-container{border-bottom:1px solid #ffffff12;height:300px}.intro-right{border-left:none;padding:1.75rem}.intro-name{font-size:2.25rem}}@media (max-width:768px){.intro-card{margin-top:1rem;padding:2rem 1.5rem}.intro-card-content{gap:1.2rem}.intro-card-title{font-size:2.3rem}.intro-card-subtitle{font-size:1.2rem}.intro-buttons{flex-direction:row;gap:1rem;justify-content:center;margin-top:1.5rem}.intro-image-container{height:250px}.intro-right{padding:1.5rem}.intro-footer{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:600px){.intro-right{padding:1.25rem}.intro-name{font-size:1.75rem}.intro-bio{font-size:.9rem;margin-bottom:1.25rem}}@media (max-width:480px){.intro-card{padding:1.5rem 1rem}.intro-card-title{font-size:1.8rem}.intro-card-subtitle{font-size:1rem}.intro-buttons{align-items:stretch;flex-direction:column;gap:.8rem;width:100%}}.a24-loading-overlay{align-items:center;background-color:#000;display:flex;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;justify-content:center;left:0;opacity:1;overflow:hidden;position:fixed;top:0;transition:opacity .42s ease-out;width:100vw;z-index:10000}.a24-loading-overlay:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";height:100%;left:0;mix-blend-mode:overlay;opacity:.1;position:absolute;top:0;width:100%;z-index:1}.a24-loading-overlay.fade-out{opacity:0;pointer-events:none}.a24-loading-content{align-items:center;animation:revealTitle .55s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;gap:.5rem;justify-content:center;position:relative;text-align:center;transform:scale(.97);z-index:10}.a24-loading-mark{animation:fadeTextIn .45s ease-out forwards;animation-delay:.12s;color:#fff;font-size:3.5rem;font-weight:400;letter-spacing:4px;opacity:0}.a24-loading-line{animation:expandLine .55s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.35s;background-color:#4aff91;height:1px;margin:.25rem 0;opacity:.8;width:0}.a24-loading-subtext{animation:fadeTextIn .45s ease-out forwards;animation-delay:.58s;color:#fff9;font-size:.75rem;font-weight:400;letter-spacing:3px;margin-top:.25rem;opacity:0}.a24-loading-overlay:before{box-shadow:inset 0 0 200px #000000e6;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@keyframes revealTitle{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fadeTextIn{0%{opacity:0}to{opacity:1}}@keyframes expandLine{0%{width:0}to{width:60px}}.a24-loading-overlay:after{animation:filmFlicker 4s infinite}@keyframes filmFlicker{0%,to{opacity:.1}92%{opacity:.1}93%{opacity:.15}94%{opacity:.1}96%{opacity:.15}98%{opacity:.1}}
/*# sourceMappingURL=main.3856f5cf.css.map*/