:root{--background:#000;--surface:#0a0a0a;--surface-2:#111;--primary:#06f;--primary-glow:#06f6;--accent-orange:#f59e0b;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-pink:#ec4899;--text-main:#fff;--text-secondary:#888;--text-muted:#555;--max-width:1280px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.text-gradient-blue{background:linear-gradient(135deg,#60a5fa 0%,#06f 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient-multi{background:linear-gradient(90deg,#06f,#8b5cf6,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#06f 0%,#0052cc 100%);box-shadow:0 0 30px #0066ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #0066ff80}.btn-outline{color:#fff;background:0 0;border:1px solid #fff3}.btn-outline:hover{background:#ffffff0d;border-color:#fff6}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;transition:all .3s}.glass-card:hover{background:#ffffff0a;border-color:#ffffff26}