body{background-color:#0a0a0f;color:#e0e0e0;margin:0;overflow-x:hidden;font-family:Inter,sans-serif}.perspective-container{perspective:1000px;width:100%;min-height:100vh}.glass-panel{background:rgba(20,20,30,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.glass-panel:hover{border-color:#00f2ff;box-shadow:0 0 30px rgba(0,242,255,.3);transform:translateZ(20px) rotateX(2deg) rotateY(2deg)}.glow-text{text-shadow:0 0 10px #00f2ff;color:#00f2ff}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;padding:2rem}.service-card{padding:1.5rem;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,242,255,.3) 0,transparent 70%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card:hover:before{opacity:1}.connection-line{position:absolute;background:linear-gradient(90deg,#00f2ff,#7000ff);height:2px;box-shadow:0 0 10px #00f2ff;animation:flow 2s linear infinite}@keyframes flow{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}to{transform:translateX(100%);opacity:0}}