@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Space+Grotesk:wght@300;400;500;700&family=JetBrains+Mono:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050507;color:#fff;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;position:relative}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d9ff,#7b61ff 50%,#ff00e5)}::-webkit-scrollbar-thumb:hover{opacity:.8}::selection{background:#7b61ff4d;color:#fff}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit;outline:none}.navbar{left:0;padding:1.5rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050507f2;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{color:#fff;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.nav-menu{align-items:center;display:flex;gap:2.5rem}.nav-link{color:#ffffffb3;font-size:.95rem;font-weight:400;position:relative;transition:color .3s ease}.nav-link:hover{color:#00d9ff}.nav-link:after{background:#00d9ff;bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-cta{background:#0000;border:1px solid #00d9ff;border-radius:25px;color:#00d9ff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.nav-cta:hover{background:#00d9ff;color:#050507}@media (max-width:768px){.nav-menu{gap:1.5rem}.nav-link{font-size:.9rem}.nav-cta{font-size:.85rem;padding:.5rem 1rem}}.hero-section.cyberpunk{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.cyberpunk-gradient{animation:pulse 10s ease-in-out infinite;background:radial-gradient(ellipse at center,#ff00e51a 0,#0000 40%),radial-gradient(ellipse at bottom,#00d9ff1a 0,#0000 40%)}.scan-lines{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00d9ff08 0,#00d9ff08 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.hero-3d-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{max-width:800px;padding:0 2rem;position:relative;text-align:center;z-index:3}.hero-title.neon-text{animation:neon-flicker 2s infinite alternate;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:.1em;text-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 30px #00d9ff,0 0 40px #00d9ff,0 0 70px #00d9ff,0 0 80px #00d9ff,0 0 100px #00d9ff,0 0 150px #00d9ff}@keyframes neon-flicker{0%,to{text-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 30px #00d9ff,0 0 40px #00d9ff,0 0 70px #00d9ff,0 0 80px #00d9ff,0 0 100px #00d9ff,0 0 150px #00d9ff}50%{text-shadow:0 0 5px #00d9ff,0 0 10px #00d9ff,0 0 15px #00d9ff,0 0 20px #00d9ff,0 0 35px #00d9ff,0 0 40px #00d9ff,0 0 50px #00d9ff,0 0 75px #00d9ff}}.hero-subtitle.glitch{color:#ff00e5;font-size:1.2rem;font-weight:400;letter-spacing:.2em;margin-bottom:2rem;position:relative;text-transform:uppercase}.glitch span{display:inline-block;position:relative}.glitch span:after,.glitch span:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch span:before{animation:glitch-1 .5s infinite;color:#00d9ff;z-index:-1}.glitch span:after{animation:glitch-2 .5s infinite;color:#ff00e5;z-index:-2}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 30% 0);transform:translate(-2px,2px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,1px)}80%{clip-path:inset(70% 0 10% 0);transform:translate(1px,-1px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-2px,1px)}60%{clip-path:inset(30% 0 40% 0);transform:translate(1px,2px)}80%{clip-path:inset(40% 0 30% 0);transform:translate(-1px,-2px)}}.hero-description{color:#fffc;font-size:1.25rem;font-weight:300;line-height:1.6;margin-bottom:3rem}.hero-cta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.neon-button{background:#000;border:2px solid #00d9ff;box-shadow:0 0 10px #00d9ff80,inset 0 0 10px #00d9ff1a;color:#00d9ff;font-size:1rem;font-weight:600;letter-spacing:.1em;overflow:hidden;padding:1rem 3rem;position:relative;text-transform:uppercase;transition:all .3s ease}.neon-button:hover{background:#00d9ff;box-shadow:0 0 20px #00d9ffcc,0 0 40px #00d9ff99,inset 0 0 20px #00d9ff4d;color:#000;transform:translateY(-2px)}.neon-button span{position:relative;z-index:1}.neon-button:before{background:linear-gradient(90deg,#0000,#00d9ff66,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.neon-button:hover:before{left:100%}.neon-button-outline{background:#0000;border:2px solid #ff00e5;box-shadow:0 0 10px #ff00e580,inset 0 0 10px #ff00e51a;color:#ff00e5}.neon-button-outline:hover{background:#ff00e5;box-shadow:0 0 20px #ff00e5cc,0 0 40px #ff00e599,inset 0 0 20px #ff00e54d;color:#000}@media (max-width:768px){.hero-title.neon-text{font-size:clamp(2.5rem,8vw,4rem)}.hero-cta{align-items:center;flex-direction:column;gap:1rem}.neon-button{max-width:300px;width:100%}}.services-section{background:#0a0a0f;padding:6rem 0}.services-container{margin:0 auto;max-width:1200px;padding:0 2rem}.services-header{margin-bottom:4rem;text-align:center}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:2.5rem;transition:all .3s ease}.service-card:hover{background:#ffffff0a;border-color:#ffffff1a}.service-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.service-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-description{color:#fff9;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.service-link{align-items:center;color:#00d9ff;display:inline-flex;font-size:.95rem;font-weight:500;transition:all .3s ease}.service-link:hover{color:#4de5ff}@media (max-width:768px){.services-section{padding:4rem 0}.section-title{font-size:2.5rem}.services-grid{grid-template-columns:1fr}.service-card{padding:2rem}}.contact-section{background:#050507;padding:6rem 0}.contact-container{margin:0 auto;max-width:700px;padding:0 2rem}.contact-content{text-align:center}.section-title{color:#fff;font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#fff9;font-size:1.1rem;font-weight:300}.contact-form,.section-subtitle{margin-bottom:3rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-input{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus{background:#ffffff0a;border-color:#00d9ff;outline:none}.form-input::placeholder{color:#fff6}.form-textarea{min-height:120px;resize:vertical}.submit-button{background:#00d9ff;border:none;border-radius:50px;color:#050507;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-top:1rem;padding:1rem 3rem;transition:all .3s ease}.submit-button:hover{background:#4de5ff;transform:translateY(-2px)}.contact-info{align-items:center;color:#fff9;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;justify-content:center}.contact-link{color:#00d9ff;transition:color .3s ease}.contact-link:hover{color:#4de5ff}.divider{color:#ffffff4d}@media (max-width:768px){.contact-section{padding:4rem 0}.section-title{font-size:2.5rem}.form-row{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:.5rem}.divider{display:none}}.App{background:#050507;min-height:100vh;overflow-x:hidden}.App,main{position:relative}main{z-index:1}.footer{background:#0a0a0f;border-top:1px solid #ffffff0d;padding:3rem 0;position:relative}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.footer-content p{color:#ffffff80;font-size:.9rem;margin:.5rem 0}.footer-tagline{color:#ffffff4d!important;font-size:.85rem}@media (max-width:768px){.footer{padding:2rem 0}}