@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap");.neon-navbar{position:fixed;top:0;width:100%;box-shadow:0 0 20px rgba(0,246,255,.2);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 50px;z-index:100;font-family:Orbitron,sans-serif}.neon-navbar.bg-purple{background:rgba(0,0,0,.9);box-shadow:0 0 20px rgba(89,43,255,.388)}.neon-navbar.bg-default{background:rgba(13,13,13,.9)}.neon-navbar .logo{color:#00f6ff;font-size:32px;letter-spacing:2px;font-family:NeonRave,sans-serif}.neon-navbar ul{margin:0;padding:0;list-style:none;display:flex}.neon-navbar li{position:relative;margin:0 15px}.neon-navbar a{color:#00f6ff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:18px;transition:color .3s}.neon-navbar.bg-purple .logo,.neon-navbar.bg-purple a{color:white}.neon-navbar.bg-purple a:hover{color:#e0d3ff}.neon-navbar a:hover{color:#fff}.neon-navbar li:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s}.neon-navbar li:hover:before{transform:scaleX(1)}.neon-navbar:after{content:"";position:absolute;left:-50%;top:0;width:200%;height:100%;background:repeating-linear-gradient(45deg,rgba(0,246,255,.05),rgba(0,246,255,.05) 10px,transparent 0,transparent 20px);animation:neon-bg 10s linear infinite;pointer-events:none}@keyframes neon-bg{0%{background-position:0 0}to{background-position:1000px 0}}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{width:30px;height:4px;background:#ffffff;margin:5px 0;transition:.4s}.menu-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-8px)}@media (max-width:768px){.neon-navbar ul{position:fixed;top:80px;left:-100%;background:rgba(13,13,13,.95);height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;transition:left .3s}.neon-navbar ul.active{left:0}.menu-toggle{display:flex}}.hero-section{position:relative;height:100vh;background:url(https://your-image-url.com/hero-bg.jpg) no-repeat 50%/cover;display:flex;align-items:center;justify-content:center;padding-top:80px}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(13,13,13,.6)}.hero-content{position:relative;text-align:center;color:#00f6ff;z-index:1}.hero-content h1{font-size:72px;margin:0;animation:neon-text 1.5s ease-in-out infinite alternate}.hero-content p{font-size:24px;margin:20px 0}.neon-text{color:#1f0358;text-shadow:0 0 5px #24004a,0 0 10px #513683,0 0 20px #2f0465,0 0 40px #24025e,0 0 80px #b887ec;animation:glow 1.5s infinite alternate;font-size:inherit}@keyframes glow{0%{text-shadow:0 0 5px #6426f3,0 0 10px #639ddf,0 0 20px #a15ffd,0 0 40px #513c89,0 0 80px #8b06f8}to{text-shadow:0 0 10px #975af9,0 0 20px #2e0469,0 0 40px #110445,0 0 80px #3f3b90,0 0 160px #7038e7}}