:root{--bg-color:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--neon-blue:#0284c7;--neon-purple:#7c3aed;--neon-glow:0 4px 20px #0284c733;--glass-bg:#ffffffb3;--glass-border:#00000014}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:3px solid var(--neon-purple);outline-offset:3px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{border-color:var(--neon-blue);transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.neon-text{background:linear-gradient(90deg, var(--neon-blue), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.btn-neon{color:var(--neon-blue);border:1px solid var(--neon-blue);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:50px;padding:.8rem 2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-neon:before{content:"";background:linear-gradient(90deg,#0000,#00f3ff66,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-neon:hover{box-shadow:var(--neon-glow);background:#00f3ff1a}.btn-neon:hover:before{left:100%}.service-card:hover .service-img{transform:scale(1.1)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{-webkit-backdrop-filter:blur(20px);z-index:99;background:#f8fafcfa;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:flex;position:fixed;inset:0}@media (width<=768px){.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1rem!important}.section{padding:4rem 0}.container{padding:0 1.5rem}.nav-links{display:none!important}.mobile-menu-btn{display:block!important}.glass-panel{padding:1.5rem}.modal-container{padding:1rem!important}.modal-content{padding:1.5rem!important}h2{font-size:2.2rem!important}h3{font-size:1.3rem!important}.btn-neon{padding:.8rem 1.5rem;font-size:.9rem}}