@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-2:#0f0f0d;--bg-3:#0d0d0b;--text-primary:#f5f3ee;--text-muted:#555550;--accent-lime:#c1ff00;--accent-blue:#0037ff;--accent-orange:#ff4d00;--font-syne:"Syne", sans-serif;--font-dm:"DM Sans", sans-serif;--z-background:0;--z-grid:1;--z-content:2;--z-hud:3;--z-nav:500;--z-cursor:9999;--z-boot:9999}html{scroll-behavior:smooth;overscroll-behavior:contain;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-dm);cursor:none;max-width:100vw;font-weight:400;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:var(--accent-lime);border-radius:2px}.cursor-dot{background:var(--accent-blue);pointer-events:none;width:10px;height:10px;z-index:var(--z-cursor,9999);border-radius:50%;transition:width .2s,height .2s,background .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-dot.hovered{background:var(--accent-orange);width:28px;height:28px}.glow-lime:hover{text-shadow:0 0 20px #c1ff00cc,0 0 40px #c1ff0066}.glow-blue:hover{text-shadow:0 0 20px #0037ffcc,0 0 40px #0037ff66}.glow-orange:hover{text-shadow:0 0 20px #ff4d00cc,0 0 40px #ff4d0066}.card-glow:hover{box-shadow:0 0 30px #c1ff001f,0 0 60px #c1ff000f}.exp-label span,.stats-header-label span,.stack-label span,.vantage-label span,.blog-label span{text-shadow:0 0 12px}section h2{word-break:break-word;box-sizing:border-box;text-shadow:0 0 60px #ffffff08;max-width:100%}h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word}.nav-logo{text-shadow:0 0 16px #c1ff0099;transition:text-shadow .2s}.nav-logo:hover{text-shadow:0 0 30px #c1ff00}.title-active{transition:text-shadow .8s;text-shadow:0 0 40px #c1ff0040,0 0 80px #c1ff001a!important}#hero{--section-neon:#c1ff00}#experience{--section-neon:#0037ff}#stats,#stack{--section-neon:#c1ff00}#vantage,#blog{--section-neon:#0037ff}#contact{--section-neon:#ff4d00}.hud-card{display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #c1ff0099}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 4px #c1ff00e6,0 0 8px #c1ff0099,0 0 16px #c1ff004d,0 0 32px #c1ff001f,0 0 60px #c1ff000f;-webkit-text-stroke:1px #c1ff00e6}20%,24%,55%{text-shadow:none;-webkit-text-stroke:1px #c1ff004d}}@keyframes neonFlickerBlue{0%,19%,21%,23%,25%,54%,56%,to{color:#f5f3ee;text-shadow:0 0 7px #0037ff,0 0 21px #0037ff,0 0 42px #0037ff99}20%,24%,55%{text-shadow:none;color:#fff9}}@keyframes labelFlicker{0%,89%,91%,93%,to{opacity:1;text-shadow:0 0 8px}90%,92%{opacity:.4;text-shadow:none}}.neon-couch{animation:8s 3s infinite neonFlicker}@keyframes neonFlickerOrange{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 4px #ff4d00,0 0 8px #ff4d00b3,0 0 16px #ff4d004d,0 0 32px #ff4d0026,0 0 60px #ff4d0014;-webkit-text-stroke:1.5px #ff4d00d9}20%,24%,55%{text-shadow:none;-webkit-text-stroke:1.5px #ff4d004d}}.neon-worth-solving{animation:8s 4s infinite neonFlickerOrange}.neon-jc-logo{animation:12s 6s infinite neonFlickerBlue;display:inline-block}.exp-label span{animation:10s infinite labelFlicker}.stats-header-label span{animation:10s 2s infinite labelFlicker}.stack-label span{animation:10s 4s infinite labelFlicker}.vantage-label span{animation:10s 6s infinite labelFlicker}.blog-label span{animation:10s 8s infinite labelFlicker}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes drawLine{0%{stroke-dashoffset:80px}to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #c1ff0066}50%{box-shadow:0 0 0 6px #c1ff0000}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes colorCycle{0%{text-shadow:0 0 30px #c1ff00e6,0 0 60px #c1ff0066}33%{text-shadow:0 0 30px #0037ffe6,0 0 60px #0037ff66}66%{text-shadow:0 0 30px #ff4d00e6,0 0 60px #ff4d0066}to{text-shadow:0 0 30px #c1ff00e6,0 0 60px #c1ff0066}}@keyframes floatDot{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes rippleExpand{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.ripple-container{pointer-events:none;width:0;height:0;position:absolute;top:20px;left:-1px}.ripple-ring{opacity:0;border:1.5px solid #c1ff00;border-radius:50%;width:60px;height:60px;position:absolute;transform:translate(-50%,-50%)scale(0)}.exp-item:hover .ripple-ring:first-child{animation:1.6s ease-out infinite rippleExpand}.exp-item:hover .ripple-ring:nth-child(2){animation:1.6s ease-out .3s infinite rippleExpand}.exp-item:hover .ripple-ring:nth-child(3){animation:1.6s ease-out .6s infinite rippleExpand}.exp-item:hover .ripple-ring:nth-child(4){animation:1.6s ease-out .9s infinite rippleExpand}.reveal{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.reveal.visible{opacity:1;transform:translateY(0)}a{color:inherit;text-decoration:none}button{cursor:none}section{position:relative}*{cursor:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gsap-animated{opacity:1!important;transform:none!important}}@media (pointer:coarse){.cursor-dot{display:none!important}*{cursor:auto!important}a,button,[role=button]{cursor:pointer!important}body{cursor:auto}}.nav-hamburger{cursor:none;z-index:600;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-hamburger span{transform-origin:50%;background:#f5f3ee;border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s,background .2s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:400;background:#0a0a08f7;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:none;position:fixed;inset:0}.nav-mobile-overlay.open{display:flex}.nav-mobile-overlay a{color:#f5f3ee;letter-spacing:-.02em;align-items:center;min-height:48px;font-family:Syne,sans-serif;font-size:36px;font-weight:800;transition:color .2s;display:flex}.nav-mobile-overlay a:hover{color:#c1ff00}.nav-mobile-resume{background:#c1ff00;border-radius:4px;align-items:center;min-height:48px;padding:14px 28px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;display:flex;color:#0a0a0a!important;font-size:16px!important}@media (max-width:768px){.hud-card{display:none!important}.nav-hamburger{display:flex}.nav-links,.nav-resume-cta{display:none!important}section{overflow-x:hidden;padding-left:24px!important;padding-right:24px!important}.hero-content{padding-left:24px!important;padding-right:24px!important}.hero-headline{font-size:clamp(48px,14vw,80px)!important}.hero-sidebar-text{display:none!important}.hero-ctas{flex-direction:column!important;align-items:stretch!important}.hero-ctas a{text-align:center!important;box-sizing:border-box!important}#experience,#stats{padding:80px 24px!important}#stack{padding-top:80px!important;padding-left:24px!important;padding-right:24px!important}#vantage,#blog{padding:80px 24px!important}#contact{padding-top:80px!important;padding-left:24px!important;padding-right:24px!important}.exp-item{gap:16px!important;padding-bottom:32px!important;padding-left:20px!important}.exp-header-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.stat-card{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:24px 0!important}.stat-card .stat-number{width:auto!important;font-size:clamp(36px,8vw,52px)!important}.stat-card .stat-divider{display:none!important}.stat-card p{max-width:100%!important;font-size:14px!important}.exp-career-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.lime-outline-btn{box-sizing:border-box!important;justify-content:center!important;width:100%!important}.stack-header-row{flex-direction:column!important;gap:24px!important}.vantage-main-card{padding:28px!important}.vantage-card-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.vantage-card-title{font-size:clamp(36px,10vw,64px)!important}.vantage-small-cards{flex-direction:column!important}.vantage-small-card{min-width:unset!important;width:100%!important;padding:28px!important}.small-card-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.blog-grid{grid-template-columns:1fr!important}.blog-header-row{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.contact-input,.contact-submit{min-height:48px!important}.contact-ctas{flex-direction:column!important;width:100%!important}.contact-ctas a{text-align:center!important;box-sizing:border-box!important;width:100%!important}.contact-footer{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.neon-worth-solving{font-size:clamp(36px,8vw,80px)!important}.about-hero-h1,.about-hero-h1 span{font-size:clamp(32px,8vw,52px)!important}.hero-headline{word-break:break-word!important;max-width:100%!important;font-size:clamp(36px,10vw,80px)!important;overflow:hidden!important}#hero .hero-status-badge{justify-content:center;width:100%;display:flex}#hero .hero-headline-wrap,#hero .hero-headline,#hero .hero-tagline{text-align:center;width:100%}#hero .hero-quote{justify-content:center;width:100%;display:flex}#hero .hero-desc{text-align:center;margin-left:auto;margin-right:auto}#hero .hero-ctas{align-items:center!important}}@media (max-width:480px){#hero h1{max-width:100%!important;font-size:clamp(32px,9vw,64px)!important;overflow:hidden!important}#hero h1 span,#hero h1 div{font-size:inherit!important;max-width:100%!important;overflow:hidden!important}.hero-headline{word-break:break-word!important;max-width:100%!important;font-size:clamp(32px,9vw,64px)!important;overflow:hidden!important}}
