@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;800&family=Space+Mono:wght@400;700&display=swap";
:root{--bg-dark:#0a0a0a;--bg-light:#fff;--neon-green:#cf0;--text-dark:#fff;--text-light:#0a0a0a;--border-color:#fff3;--font-heading:"Archivo Black", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--text-light);font-family:var(--font-body);background-color:#fcfdfa;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px;line-height:1.6;overflow-x:hidden}.dark-bg{background-color:var(--bg-dark);color:var(--text-dark);background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:40px 40px}.neon-bg{background-color:var(--neon-green);color:var(--text-light)}.highlight{color:var(--neon-green)}.outline-text{-webkit-text-stroke:1px var(--text-dark);color:#0000}h1,h2,h3,.huge-title,.logo{font-family:var(--font-heading);text-transform:uppercase;line-height:1}.huge-title{letter-spacing:-.05em;margin-bottom:2rem;font-size:clamp(2.5rem,10vw,12rem)}.section-title{letter-spacing:-.03em;margin-bottom:2rem;font-size:clamp(2rem,8vw,6rem)}.center{text-align:center}.section-padding{padding:6rem 5%}.cursor-crosshair{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:30px;height:30px;transition:transform .15s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-crosshair:before,.cursor-crosshair:after{content:"";background-color:var(--neon-green);position:absolute}.cursor-crosshair:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.cursor-crosshair:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.cursor-crosshair.hover{mix-blend-mode:normal;transform:translate(-50%,-50%)scale(1.5)rotate(45deg)}.cursor-crosshair.hover:before,.cursor-crosshair.hover:after{background-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.nav-bar{z-index:100;mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;width:100%;padding:2rem 5%;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:0}.nav-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.logo{font-size:2rem}.nav-links{gap:2rem;display:flex}.nav-links a{color:inherit;letter-spacing:1px;font-size:.9rem;font-weight:600;text-decoration:none}.bottom-nav-pill{background-color:var(--bg-dark);color:var(--text-dark);z-index:100;opacity:0;pointer-events:none;border:2px solid #ffffff1a;border-radius:50px;align-items:center;gap:3rem;padding:1rem 3rem;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(50px);box-shadow:0 10px 30px #00000080}.bottom-nav-pill.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.bottom-nav-pill .nav-links{gap:2.5rem;display:flex}.bottom-nav-pill .nav-links a{color:var(--text-dark);font-family:var(--font-heading);letter-spacing:2px;font-size:.8rem}.bottom-nav-pill .logo{font-size:1.5rem}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:8rem;display:flex}.hero-sub{letter-spacing:2px;font-size:1.2rem;font-weight:600}.marquee-wrapper{background-color:var(--neon-green);color:var(--bg-dark);white-space:nowrap;border-top:4px solid var(--bg-dark);border-bottom:4px solid var(--bg-dark);transform-origin:50%;z-index:10;width:105vw;margin-left:-2.5vw;padding:1rem 0;position:relative;overflow:hidden;transform:rotate(-4deg)translateY(-80px)}.marquee-content{font-family:var(--font-heading);font-size:1.5rem;animation:50s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.experience-section{border-bottom:2px solid var(--bg-dark)}.exp-grid{border-top:2px solid var(--bg-dark);border-left:2px solid var(--bg-dark);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0;display:grid}.exp-card{border-right:2px solid var(--bg-dark);border-bottom:2px solid var(--bg-dark);background:var(--bg-light);padding:2rem;transition:transform .3s,background-color .3s}.exp-card:hover{background-color:var(--bg-dark);color:var(--text-dark);box-shadow:4px 4px 0 var(--neon-green);transform:translate(-4px,-4px)}.highlight-card{background-color:var(--neon-green);color:var(--bg-dark)}.highlight-card:hover{color:var(--text-dark)}.exp-header{border-bottom:1px solid;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;font-weight:800;display:flex}.exp-card h3{margin-bottom:1rem}.tech-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.tech-tags span{border:1px solid;border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:2rem;margin-top:4rem;display:grid}.project-card{border:1px solid var(--border-color);background:#111;padding:3rem;transition:transform .3s;position:relative}.project-card.light-card{background:var(--bg-light);color:var(--text-light)}.project-card:hover{transform:translateY(-10px)}.project-number{font-family:var(--font-heading);opacity:.5;font-size:4rem;position:absolute;top:1rem;right:2rem}.project-number.dark{color:#eee}.project-card h3{margin-top:2rem;margin-bottom:1rem;font-size:2rem}.builder-banner{border-top:2px solid var(--border-color);align-items:center;gap:4rem;margin-top:6rem;padding-top:4rem;display:flex}@media (max-width:768px){.builder-banner{flex-direction:column}}.banner-card{border-left:4px solid var(--neon-green);background:#111;flex:1;padding:2rem}.banner-text{flex:1}.square-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.square-grid{grid-template-columns:1fr}}.square-card{aspect-ratio:1;border:2px solid var(--bg-dark);flex-direction:column;justify-content:center;padding:3rem;transition:transform .3s;display:flex}.square-card:hover{box-shadow:8px 8px 0 var(--bg-dark);transform:translate(-8px,-8px)}.square-card.dark-bg{border-color:var(--neon-green)}.square-card.dark-bg:hover{box-shadow:8px 8px 0 var(--neon-green)}.square-header{margin-bottom:auto;font-size:1.2rem;font-weight:800}.square-card h2{margin-bottom:2rem;font-size:3rem}.skills-list p{margin-bottom:.5rem;font-size:.9rem}.new-footer{border-top:2px solid var(--bg-dark);background-color:#0000;padding:6rem 5% 2rem;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr;gap:3rem}}.footer-left{flex-direction:column;gap:1.5rem;display:flex}.footer-title-box{background-color:var(--bg-light);border:3px solid var(--bg-dark);box-shadow:8px 8px 0 var(--neon-green);width:fit-content;padding:1.5rem;display:inline-block}.footer-title-box h2{font-size:clamp(2rem,8vw,3.5rem);line-height:1.1}.footer-subtitle{font-family:var(--font-mono);color:#666;text-transform:uppercase;letter-spacing:1px;max-width:400px;font-size:.85rem}.footer-col-header{font-family:var(--font-heading);border-bottom:2px solid var(--bg-dark);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.footer-text{font-family:var(--font-body);margin-bottom:1rem;font-size:.9rem}.footer-link-small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--bg-dark);margin-bottom:2rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.peerx-btn{background-color:var(--neon-green);border:3px solid var(--bg-dark);box-shadow:4px 4px 0 var(--bg-dark);color:var(--bg-dark);flex-direction:column;width:100%;padding:1rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.peerx-btn:active{box-shadow:2px 2px 0 var(--bg-dark);transform:translate(2px,2px)}.peerx-btn.white{background-color:var(--bg-light);font-family:var(--font-heading);flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;font-size:1rem}.peerx-btn.white:hover{background-color:var(--neon-green)}.btn-small-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.6rem}.btn-large-text{font-family:var(--font-heading);font-size:1.1rem}.footer-bottom{border-top:2px solid var(--bg-dark);font-family:var(--font-mono);text-transform:uppercase;color:#666;letter-spacing:1px;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.75rem;display:flex}.system-status{color:var(--bg-dark);align-items:center;gap:.5rem;font-weight:700;display:flex}.status-dot{background-color:var(--neon-green);width:8px;height:8px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.reveal-up{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-up.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}@media (max-width:768px){.section-padding{padding:4rem 5%}.hero{padding-top:6rem}.nav-bar{padding:1.5rem 5%}.nav-bar .nav-links{gap:1rem}.nav-bar .nav-links a{font-size:.75rem}.bottom-nav-pill{gap:1.5rem;width:90%;max-width:400px;padding:.8rem 1.5rem}.bottom-nav-pill .nav-links{gap:1rem}.bottom-nav-pill .nav-links a{font-size:.7rem}.bottom-nav-pill .logo{font-size:1.2rem}.project-card{padding:2rem}.builder-banner{gap:2rem;margin-top:4rem;padding-top:2rem}.banner-card{padding:1.5rem}.square-card{padding:2rem}.footer-grid{gap:2rem}.footer-bottom{flex-direction:column;gap:1rem}}@media (max-width:480px){.nav-bar .nav-links{display:none}.bottom-nav-pill{width:95%;padding:.8rem 1rem;opacity:1!important;pointer-events:auto!important;transform:translate(-50%)translateY(0)!important}.bottom-nav-pill .logo{display:none}.bottom-nav-pill .nav-links{justify-content:space-around;gap:0;width:100%}.bottom-nav-pill .nav-links a{font-size:.65rem}.exp-card,.square-card{padding:1.5rem}.square-card h2{font-size:2.2rem}.project-number{font-size:2.5rem;right:1rem}}