:root{--primary-color: #00ff88;--secondary-color: #00bcd4;--accent-color: #7000ff;--bg-dark: #050505;--bg-card: #121212;--bg-card-hover: #1a1a1a;--text-light: #f0f0f0;--text-muted: #a0a0a0;--font-main: "Poppins", sans-serif;--font-heading: "Outfit", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-neon: 0 0 10px rgba(0, 255, 136, .3), 0 0 20px rgba(0, 255, 136, .1);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05)}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-light);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(0,255,136,.03) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(112,0,255,.03) 0%,transparent 25%)}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:4rem;letter-spacing:-2px}h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;letter-spacing:-1px}h3{font-size:1.5rem}.text-primary{color:var(--primary-color)}.text-gradient{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:var(--font-heading);letter-spacing:.5px;position:relative;overflow:hidden;z-index:1}.btn-primary{background:var(--bg-card);color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 0 10px #00ff881a}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--primary-color);transition:var(--transition);z-index:-1}.btn-primary:hover:before{width:100%}.btn-primary:hover{color:var(--bg-dark);box-shadow:0 0 20px #0f86}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-light)}.btn-outline:hover{border-color:var(--text-light);background:rgba(255,255,255,.05)}.section{position:relative;padding-bottom:100px;scroll-margin-top:120px}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes glow{0%{box-shadow:0 0 5px #0f83}50%{box-shadow:0 0 20px #0f89}to{box-shadow:0 0 5px #0f83}}.animate-float{animation:float 5s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.bg-circuit{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}