*,*::before,*::after{box-sizing:border-box}:root{--primary-neon:#00ffff;--secondary-neon:#ff00ff;--dark-bg:#0d0221;--glow-blur:15px}body{background-color:var(--dark-bg);background-image:radial-gradient(circle at 15% 50%,rgba(10,87,132,.3),transparent 30%),radial-gradient(circle at 85% 30%,rgba(132,10,87,.3),transparent 30%);font-family:share tech mono,monospace;color:#e0e0e0;overflow-x:hidden}.site-header{padding:20px 40px;background:rgba(13,2,33,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--primary-neon);box-shadow:0 0 var(--glow-blur)rgba(0,255,255,.3);display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:0;z-index:1000}.site-header .logo{font-family:orbitron,sans-serif;font-size:1.8rem;color:var(--primary-neon);text-decoration:none;text-shadow:0 0 4px var(--primary-neon)}.site-header .nav-menu a{color:#e0e0e0;text-decoration:none;margin-left:25px;font-size:1rem;transition:all .3s ease}.site-header .nav-menu a:hover{color:var(--primary-neon);text-shadow:0 0 5px var(--primary-neon)}main{padding:120px 20px 80px;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{width:100%;max-width:1000px;text-align:center}.title-glitch{font-family:orbitron,sans-serif;font-size:5rem;color:var(--primary-neon);text-transform:uppercase;margin-bottom:20px;position:relative;animation:glitch 3s infinite;text-shadow:0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 20px var(--primary-neon),0 0 40px #0af,0 0 80px #0af}@keyframes glitch{0%,100%{text-shadow:0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 20px var(--primary-neon),0 0 40px #0af,0 0 80px #0af;transform:skewX(0)}5%,15%{transform:skewX(5deg)}10%{transform:skewX(-5deg)}20%,100%{transform:skewX(0)}30%{text-shadow:0 0 5px var(--secondary-neon),0 0 10px var(--secondary-neon),0 0 20px var(--secondary-neon);color:var(--secondary-neon)}31%{text-shadow:0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 20px var(--primary-neon),0 0 40px #0af,0 0 80px #0af;color:var(--primary-neon)}50%{transform:translate(2px,2px)}51%{transform:translate(0,0)}}.subtitle{font-size:1.5rem;color:#f0f0f0;margin-bottom:60px;text-transform:uppercase;letter-spacing:2px;opacity:.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:rgba(26,3,51,.5);border:1px solid var(--primary-neon);padding:30px;border-radius:10px;transition:all .3s ease;box-shadow:0 0 var(--glow-blur)rgba(0,255,255,.3),inset 0 0 var(--glow-blur)rgba(0,255,255,.2);animation:pulse-glow 5s infinite alternate}.service-card:hover{transform:translateY(-10px);box-shadow:0 0 25px rgba(0,255,255,.7),inset 0 0 20px rgba(0,255,255,.4)}@keyframes pulse-glow{from{border-color:var(--primary-neon);box-shadow:0 0 var(--glow-blur)rgba(0,255,255,.3),inset 0 0 var(--glow-blur)rgba(0,255,255,.2)}to{border-color:var(--secondary-neon);box-shadow:0 0 var(--glow-blur)rgba(255,0,255,.3),inset 0 0 var(--glow-blur)rgba(255,0,255,.2)}}.service-card h3{font-family:orbitron,sans-serif;font-size:1.8rem;color:var(--primary-neon);margin-bottom:15px;transition:color .3s ease}.service-card:hover h3{color:var(--secondary-neon)}.service-card p{font-size:1rem;line-height:1.6;color:#ccc}.site-footer{padding:20px 40px;margin-top:60px;text-align:center;border-top:1px solid var(--secondary-neon);box-shadow:0 0 var(--glow-blur)rgba(255,0,255,.3)}.contact-section{padding-top:80px;margin-top:80px;border-top:1px solid var(--primary-neon);box-shadow:0 -10px 20px -15px rgba(0,255,255,.3)}.section-title-glitch{font-family:orbitron,sans-serif;font-size:3rem;color:var(--secondary-neon);text-transform:uppercase;margin-bottom:20px;position:relative;text-shadow:0 0 5px var(--secondary-neon),0 0 10px var(--secondary-neon)}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.contact-form input,.contact-form textarea{background:rgba(26,3,51,.7);border:1px solid var(--primary-neon);color:#e0e0e0;padding:15px;border-radius:5px;font-family:share tech mono,monospace;font-size:1rem;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--secondary-neon);box-shadow:0 0 15px rgba(255,0,255,.5)}.btn-neon{background:0 0;border:2px solid var(--primary-neon);color:var(--primary-neon);padding:15px 30px;font-family:orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;border-radius:5px;text-shadow:0 0 5px var(--primary-neon)}.btn-neon:hover{background:var(--primary-neon);color:var(--dark-bg);box-shadow:0 0 25px var(--primary-neon)}.nav-toggle{display:none}@media(max-width:768px){.nav-toggle{display:block;background:0 0;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger{display:block;position:relative;width:25px;height:3px;background:var(--primary-neon);border-radius:3px;transition:all .3s ease-in-out}.hamburger::before,.hamburger::after{content:'';position:absolute;width:25px;height:3px;background:var(--primary-neon);border-radius:3px;transition:all .3s ease-in-out}.hamburger::before{transform:translateY(-8px)}.hamburger::after{transform:translateY(8px)}.nav-menu.nav-open .hamburger{transform:rotate(45deg)}.nav-menu.nav-open .hamburger::before{transform:rotate(90deg)translate(0,0)}.nav-menu.nav-open .hamburger::after{transform:rotate(90deg)translate(0,0);opacity:0}.nav-menu{position:fixed;top:0;right:0;height:100vh;width:100%;background:rgba(13,2,33,.95);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;transform:translateX(100%);transition:transform .3s ease-in-out;display:flex}.nav-menu.nav-open{transform:translateX(0)}.nav-menu a{font-size:1.5rem;margin:20px 0}}@media(max-width:768px){.title-glitch{font-size:2.9rem;word-break:break-word}}html{scroll-padding-top:100px}#contact::before{content:"";display:block;height:50px;margin-top:-50px;visibility:hidden;pointer-events:none}.personal-contact-info{margin-top:40px;padding:20px;border:1px solid var(--primary-neon);border-radius:10px;background:rgba(26,3,51,.5);box-shadow:0 0 var(--glow-blur)rgba(0,255,255,.3)}.personal-contact-info h3{font-family:orbitron,sans-serif;color:var(--primary-neon);margin-bottom:15px}.personal-contact-info p{font-size:1rem;color:#ccc;margin-bottom:5px}.personal-contact-info a{color:var(--secondary-neon);text-decoration:none}.personal-contact-info a:hover{text-decoration:underline}