:root{--primary-color: #0066ff;--secondary-color: #00ccff;--accent-color: #00ffaa;--dark-bg: #0a0e17;--darker-bg: #060a12;--light-text: #e6f1ff;--grid-line: rgba(0, 102, 255, .1)}body{background-color:var(--dark-bg);color:var(--light-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:30px 30px;z-index:-1}.tech-gradient{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.tech-border{position:relative}.tech-border:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color))}.glass-effect{background:#0a0e17b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.glow-effect{box-shadow:0 0 15px #0066ff80}.dot-pattern{background-image:radial-gradient(var(--grid-line) 1px,transparent 1px);background-size:20px 20px}.section-padding{padding:6rem 1.5rem}@media(min-width:768px){.section-padding{padding:8rem 2rem}}@media(min-width:1024px){.section-padding{padding:10rem 3rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.animate-rotate{animation:rotate 8s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-fade-in{animation:fadeIn .8s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.btn-primary{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #06f6}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%);transition:transform 1s ease}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.btn-outline:hover{background:#0066ff1a;transform:translateY(-2px)}.card{background:var(--darker-bg);border-radius:.75rem;border:1px solid rgba(255,255,255,.05);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #06f3}.feature-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:#0066ff1a;color:var(--primary-color);margin-bottom:1.25rem}.network-node{width:12px;height:12px;border-radius:50%;background:var(--primary-color);position:absolute;box-shadow:0 0 10px var(--primary-color)}.network-line{height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));position:absolute;transform-origin:left center}