html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#030712;cursor:none;overflow-x:hidden}.custom-cursor{position:fixed;top:-20px;left:-20px;width:40px;height:40px;border:2px solid rgba(0,255,65,.5);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(0);transition:transform .1s ease-out,width .3s ease,height .3s ease,border-color .3s ease,background-color .3s ease,top .3s ease,left .3s ease;will-change:transform,width,height,border,background-color,top,left}.custom-cursor:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#00ff41;border-radius:50%;transition:width .3s ease,height .3s ease;will-change:width,height}.custom-cursor.interactive{top:-30px;left:-30px;width:60px;height:60px;background-color:#00ff411a;border-color:#00ff41}.custom-cursor.interactive:after{width:0;height:0}.custom-cursor.clicking{transform:scale(.8)}.spotlight-container:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background:radial-gradient(circle at var(--mouse-x, -100px) var(--mouse-y, -100px),rgba(0,255,65,.1) 0%,rgba(0,255,65,.05) 20%,transparent 40%);transition:background .2s ease-out}.animate-gradient-text{background:linear-gradient(to right,#00ff41,#34d399,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 5s linear infinite}.card-stagger-animation{opacity:0;transform:translateY(20px);animation:fade-in-up .6s ease-out forwards}.animate-title{opacity:0;transform:translateY(10px);animation:fade-in-up .8s ease-out forwards}@keyframes gradient-flow{to{background-position:200% center}}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.cursor{display:inline-block;background-color:#00ff41;margin-left:.1rem;width:4px;animation:blink 1s infinite}@keyframes blink{0%,49%{background-color:#00ff41}50%,99%{background-color:transparent}to{background-color:#00ff41}}.interactive-card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.23,1,.32,1)}.interactive-card:hover{transform:perspective(1000px) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) scale3d(1.05,1.05,1.05)}.icon-jiggle:hover{animation:jiggle .5s}@keyframes jiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.prose h2{color:#00ff41;border-bottom:1px solid #374151;padding-bottom:.5rem}.prose p,.prose li{color:#d1d5db;line-height:1.75}.prose a{color:#00ff41;text-decoration:none;transition:color .2s ease-in-out}.prose a:hover{color:#34d399;text-decoration:underline}.prose strong{color:#f9fafb}.hamburger-btn{width:24px;height:24px;display:flex;flex-direction:column;justify-content:space-around}.hamburger-btn .line{width:100%;height:2px;background-color:#fff;transition:all .3s ease-in-out}.hamburger-btn.open .line1{transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .line2{opacity:0}.hamburger-btn.open .line3{transform:rotate(-45deg) translate(5px,-5px)}.glitch{position:relative;color:#fff;text-shadow:0 0 5px #00FF41}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#030712;overflow:hidden}.glitch:before{left:2px;text-shadow:-1px 0 red;animation:glitch-anim-1 2s infinite linear reverse}.glitch:after{left:-2px;text-shadow:-1px 0 blue;animation:glitch-anim-2 2s infinite linear reverse}@keyframes glitch-anim-1{0%{clip-path:inset(10% 0 80% 0)}20%{clip-path:inset(50% 0 10% 0)}40%{clip-path:inset(25% 0 60% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(40% 0 35% 0)}to{clip-path:inset(95% 0 2% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(75% 0 10% 0)}20%{clip-path:inset(5% 0 90% 0)}40%{clip-path:inset(40% 0 33% 0)}60%{clip-path:inset(90% 0 4% 0)}80%{clip-path:inset(20% 0 55% 0)}to{clip-path:inset(65% 0 20% 0)}}.animate-content-in{animation:content-fade-in .8s ease-in-out forwards}@keyframes content-fade-in{0%{opacity:0}to{opacity:1}}