:root{--neon-blue: #00f7ff;--neon-pink: #ff00ff;--neon-yellow: #ffff00;--neon-green: #00ff00;--glow-blue: 0 0 3px var(--neon-blue);--glow-pink: 0 0 3px var(--neon-pink);--glow-yellow: 0 0 3px var(--neon-yellow);--glow-green: 0 0 3px var(--neon-green)}body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);position:relative;overflow-x:hidden}.container{position:relative;min-height:200vh;width:100%;margin:0 auto}.background-stars{position:fixed;width:100vw;height:100vh;z-index:0;left:0}.bg-star{position:absolute;background:#fff;border-radius:50%;opacity:.7;animation:twinkle 2s infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:.8}}.hero-section{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;z-index:1}.orion-constellation{position:absolute;width:80vw;height:70vh;max-width:800px;max-height:600px;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.star{position:absolute;background:var(--neon-blue);border-radius:50%;box-shadow:var(--glow-blue);animation:twinkle 2s infinite alternate;min-width:4px;min-height:4px}.star.pop{animation:pop 1s ease-in-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.line{position:absolute;background:#00ffffb3;transform-origin:left;transition:width .5s ease-out;min-height:1px}.spark-container{position:absolute;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) rotate(45deg)}.spark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain}.services-card{position:fixed;bottom:-100%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2rem;border-radius:10px;z-index:3;width:80vw;max-height:70vh;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,top .5s ease-in-out,bottom .5s ease-in-out;box-shadow:0 0 15px #00ffff80}.services-card.active{top:50%;bottom:auto;transform:translate(-50%,-50%);opacity:1;visibility:visible;animation:slideIn .5s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.card-content{padding:1rem}.card-content h2{text-align:center;font-size:2rem;margin-bottom:2rem;text-shadow:var(--glow-blue)}.card-content h5{font-size:1rem;margin-bottom:2rem;text-shadow:var(--glow-blue)}.service-section{margin-bottom:2rem;border-left:3px solid var(--neon-blue);padding-left:1rem}.service-section h3{font-size:1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--neon-blue);text-shadow:var(--glow-blue);text-align:center;margin-bottom:1rem}.service-content{display:flex;gap:1rem;align-items:center}.web-design .service-content,.smm .service-content{flex-direction:row}.seo .service-content{flex-direction:row-reverse}.text-content{flex:1}.service-image{flex:1;max-width:300px;height:auto;border-radius:8px;transition:transform .3s ease}.service-image:hover{transform:scale(1.05)}.service-list{list-style:none;padding:0}.service-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;transition:color .3s ease,text-shadow .3s ease}.service-list li i{color:var(--neon-pink);text-shadow:var(--glow-pink)}.service-list li:hover{color:var(--neon-green);text-shadow:var(--glow-green)}.service-section p{font-size:1rem;margin:.5rem 0}.about-card{position:fixed;bottom:-100%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2rem;border-radius:10px;z-index:3;width:80vw;max-height:70vh;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,top .5s ease-in-out,bottom .5s ease-in-out;box-shadow:0 0 15px #00ffff80}.about-card.active{top:50%;bottom:auto;transform:translate(-50%,-50%);opacity:1;visibility:visible;animation:slideIn .5s ease-in-out}.contact-card{position:fixed;bottom:-100%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2rem;border-radius:10px;z-index:3;width:80vw;max-height:70vh;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,top .5s ease-in-out,bottom .5s ease-in-out;box-shadow:0 0 15px #00ffff80}.contact-card.active{top:50%;bottom:auto;transform:translate(-50%,-50%);opacity:1;visibility:visible;animation:slideIn .5s ease-in-out}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:1rem;margin-bottom:.5rem;color:var(--neon-blue);text-shadow:var(--glow-blue)}.form-input,.form-textarea{background:#ffffff1a;border:1px solid var(--neon-blue);border-radius:5px;padding:.5rem;color:#fff;font-size:1rem;transition:box-shadow .3s ease}.form-input:focus,.form-textarea:focus{outline:none;box-shadow:0 0 5px var(--neon-blue)}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--neon-pink);font-size:.8rem;margin-top:.25rem;text-shadow:var(--glow-pink)}.form-buttons{display:flex;gap:1rem;justify-content:flex-end}.submit-button,.close-button{background:var(--neon-blue);border:none;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .3s ease}.submit-button:hover,.close-button:hover{background:#0ffc}.card-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--neon-blue);font-size:1.5rem;cursor:pointer;text-shadow:var(--glow-blue);transition:transform .3s ease,color .3s ease,text-shadow .3s ease}.card-close-button:hover{color:#0ffc;text-shadow:0 0 5px rgba(0,255,255,.6);transform:scale(1.2)}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:transparent;flex-wrap:nowrap}.nav-left,.nav-right-group{display:flex;align-items:center;gap:.5rem}.nav-right-container{display:flex;align-items:center}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-button{display:flex;align-items:center;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.3rem;transition:padding-right .3s ease;white-space:nowrap}.nav-text{display:none;color:#fff;font-size:.9rem;margin-left:.5rem}.nav-button:hover{padding-right:1.5rem}.nav-button:hover .nav-text{display:inline}.menu-button{display:none}.sidebar{position:fixed;top:0;left:-250px;width:200px;height:100vh;background:#000c;z-index:11;padding:1rem;transition:left .3s ease-in-out}.sidebar.active{left:0}.sidebar-close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-bottom:1rem}.sidebar-buttons{display:flex;flex-direction:column;gap:1rem}.sidebar-buttons .nav-button{justify-content:flex-start;width:100%}.sidebar-buttons .nav-text{display:inline}.search-tips-container{position:relative;display:flex;align-items:center}.search-input{background:#000000b3;color:#fff;padding:.4rem .8rem .4rem 2rem;border-radius:9999px;border:none;font-size:.9rem;width:100px;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 0 5px #00ffff80}.search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--neon-blue);font-size:.9rem;text-shadow:var(--glow-blue)}.home-button i,.menu-button i,.services-button i{color:var(--neon-blue);text-shadow:var(--glow-blue)}.blog-button i{color:var(--neon-pink);text-shadow:var(--glow-pink)}.about-button i{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.contact-button i{color:var(--neon-green);text-shadow:var(--glow-green)}@media (max-width: 768px){.orion-constellation{width:90vw;height:60vh;max-width:600px;max-height:450px}.star{width:1.5vw;height:1.5vw;box-shadow:0 0 1.5vw var(--neon-blue);min-width:5px;min-height:5px}.line{height:.3vw;min-height:1.5px}.spark-container{width:15vw;height:15vw}.spark{max-width:15vw;max-height:15vw}.services-card,.about-card,.contact-card{width:90vw}.nav-button{font-size:1rem;padding:.2rem}.nav-text{font-size:.8rem}.nav-right,.nav-right-group{gap:.4rem}.search-input{width:80px}.service-section h3{font-size:1.3rem}.service-content{flex-direction:column!important;align-items:center}.service-image{max-width:200px}.card-content h2{font-size:1.8rem}.service-list li,.form-input,.form-textarea,.form-group label{font-size:.9rem}.form-error{font-size:.7rem}.card-close-button{font-size:1.2rem;top:.5rem;right:.5rem}}@media (max-width: 550px){.menu-button{display:flex}.nav-right{display:none}.nav-bar{padding:.5rem}.nav-left{gap:.3rem}.search-input{width:80px}.nav-right-group{gap:.3rem}.orion-constellation{width:95vw;height:50vh;max-width:400px;max-height:300px}.star{width:2vw;height:2vw;box-shadow:0 0 2vw var(--neon-blue);min-width:6px;min-height:6px}.line{height:.4vw;min-height:2px}.spark-container{width:20vw;height:20vw}.spark{max-width:20vw;max-height:20vw}}@media (min-width: 1200px){.orion-constellation{width:75vw;height:65vh;max-width:1000px;max-height:700px}.star{width:.8vw;height:.8vw;box-shadow:0 0 .8vw var(--neon-blue)}.line{height:.15vw}.spark-container{width:8vw;height:8vw}.spark{max-width:8vw;max-height:8vw}.nav-button{font-size:1.4rem;padding:.4rem}.nav-text{font-size:1rem}.search-input{width:120px}.contact-card{width:60vw}.card-close-button{font-size:1.8rem;top:1.5rem;right:1.5rem}}