@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}:root{--purple:#6c5ce7;--mint:#00cec9;--dark:#1e1e1e;--dark-glass:rgba(30,30,30,.95);--text-light:hsla(0,0%,100%,.9);--text-muted:hsla(0,0%,100%,.6)}html{scroll-behavior:smooth;scroll-padding-top:100px}body,html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--dark);color:var(--text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transform:translateZ(0);-webkit-transform:translateZ(0)}.code-font{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;font-feature-settings:"liga","clig";font-variant-ligatures:common-ligatures;letter-spacing:.02em}.tech-text{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9em;letter-spacing:.05em}.pixel-art{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(108,92,231,.7)}50%{box-shadow:0 0 0 10px rgba(108,92,231,0)}}.glass{background:rgba(30,30,30,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1)}.gradient-text{background:linear-gradient(135deg,var(--purple),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--mint));color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 30px rgba(108,92,231,.4)}.btn-secondary{background:transparent;color:var(--mint);padding:1rem 2rem;border:2px solid var(--mint);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease;will-change:transform;transform:translateZ(0)}.btn-secondary:hover{background:var(--mint);color:var(--dark);transform:translate3d(0,-2px,0);box-shadow:0 10px 30px rgba(0,206,201,.3)}.section{min-height:100vh;padding:5rem 2rem;position:relative;overflow:hidden;transform:translateZ(0);will-change:scroll-position}.section-container{max-width:1400px;margin:0 auto}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(circle at 30% 50%,rgba(108,92,231,.2),transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,206,201,.15),transparent 50%)}.hero-bg,.hero:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero:before{content:"";background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(108,92,231,.03) 0,rgba(108,92,231,.03) 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,206,201,.03) 0,rgba(0,206,201,.03) 21px);image-rendering:pixelated;pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:2rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-3{grid-template-columns:1fr}}.card{background:var(--dark-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c5ce7,#00cec9);opacity:0;transition:opacity .3s ease;image-rendering:pixelated}.card:hover:after{opacity:1}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(0,206,201,.1));opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{transform:translate3d(0,-8px,0);border-color:var(--purple);box-shadow:0 20px 40px rgba(108,92,231,.2)}.card-content{position:relative;z-index:1}.pixel-decoration{position:absolute;width:32px;height:32px;background:var(--purple);border:2px solid var(--mint);image-rendering:pixelated;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main{position:relative;overflow-x:hidden}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;will-change:transform,background,padding,box-shadow;transform:translateZ(0);transition:transform .4s ease}.navigation.nav-visible{transform:translateY(0)}.navigation.nav-hidden{transform:translateY(-100%);pointer-events:none}@keyframes neonFlow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes neonFlowReverse{0%{background-position:200% 50%}to{background-position:0 50%}}.nav-neon-border{height:4px;background:linear-gradient(90deg,#6c5ce7,#00cec9,#6c5ce7,#00cec9,#6c5ce7,#00cec9,#6c5ce7,#00cec9,#6c5ce7);background-size:200% 100%;animation:neonFlow 4s linear infinite;box-shadow:0 0 20px #6c5ce7,0 0 40px rgba(0,206,201,.8),0 0 60px rgba(108,92,231,.6),0 0 80px rgba(0,206,201,.4)}.nav-neon-border,.nav-neon-border-secondary{position:absolute;bottom:0;left:0;right:0;image-rendering:pixelated}.nav-neon-border-secondary{height:3px;background:linear-gradient(90deg,#00cec9,#6c5ce7,#00cec9,#6c5ce7,#00cec9,#6c5ce7,#00cec9,#6c5ce7,#00cec9);background-size:200% 100%;animation:neonFlowReverse 5s linear infinite;opacity:.7;box-shadow:0 0 15px rgba(0,206,201,.9),0 0 30px rgba(108,92,231,.7)}@media (max-width:768px){.section{padding:3rem 1rem}.hero-content{padding:1rem}.desktop-nav{display:none!important}.mobile-menu-button,.mobile-nav{display:block!important}.grid-2,.grid-3{grid-template-columns:1fr}.hero{padding-top:80px}}@media (min-width:769px){.mobile-menu-button,.mobile-nav{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-up,[data-animated]{will-change:transform,opacity}[data-animated]{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--purple),var(--mint));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--mint),var(--purple))}