<html lang="en">

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

<title>AXISLAB // DEV MALVRYX</title>

<meta name="description" content="AXISLAB Reality Engine by Dev Malvryx">

<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='black'/%3E%3Ccircle cx='50' cy='50' r='30' stroke='cyan' stroke-width='6' fill='none'/%3E%3C/svg%3E">

html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#fff;font-family:system-ui,sans-serif}

canvas{position:fixed;inset:0}

.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}

h1{font-size:clamp(2rem,7vw,5rem);letter-spacing:.2em;margin:0;text-shadow:0 0 20px #0ff}

p{opacity:.8}

.badge{position:fixed;bottom:18px;left:18px;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);padding:10px 14px;border:1px solid rgba(0,255,255,.3);border-radius:14px}

.badge a{color:#0ff;text-decoration:none}

.secret{position:fixed;top:18px;right:18px;background:rgba(0,0,0,.45);padding:8px 12px;border-radius:12px}

<canvas id="c"></canvas>

<div class="overlay">

<h1>AXISLAB</h1>

<p>Reality Engine // Touch. Drag. Distort.</p>

<div class="secret">DEV MALVRYX</div>

<div class="badge">

<div>Available for projects</div>

<a href="https://wa.me/2349130815781" target="_blank">WhatsApp: +234 913 081 5781</a>

const c=document.getElementById('c');

const x=c.getContext('2d');

let w,h,particles=[];

function resize(){w=c.width=innerWidth;h=c.height=innerHeight;}

const pointer={x:w/2,y:h/2,down:false};

for(let i=0;i<240;i++){

particles.push({

x:Math.random()*w,

y:Math.random()*h,

vx:(Math.random()-.5)*1.5,

vy:(Math.random()-.5)*1.5,

r:Math.random()*2+1

});

pointer.x=e.clientX;

pointer.y=e.clientY;

let t=0;

function draw(){

t+=0.01;

x.fillStyle="rgba(0,0,0,0.15)";

x.fillRect(0,0,w,h);

const g=x.createRadialGradient(pointer.x,pointer.y,0,pointer.x,pointer.y,220);

g.addColorStop(0,"rgba(0,255,255,.22)");

g.addColorStop(1,"rgba(0,0,0,0)");

x.fillStyle=g;

x.fillRect(0,0,w,h);

particles.forEach(p=>{

const dx=pointer.x-p.x;

const dy=pointer.y-p.y;

const d=Math.sqrt(dx*dx+dy*dy)+0.1;

if(d<180){

const force=(pointer.down?0.35:0.08);

p.vx += dx/d*force;

p.vy += dy/d*force;

}

p.x+=p.vx;

p.y+=p.vy;

p.vx*=0.985;

p.vy*=0.985;

if(p.x<0||p.x>w)p.vx*=-1;

if(p.y<0||p.y>h)p.vy*=-1;

x.beginPath();

x.arc(p.x,p.y,p.r,0,Math.PI*2);

x.fillStyle=`hsl(${180+Math.sin(t+p.x*0.01)*80},100%,60%)`;

x.fill();

});

for(let i=0;i<particles.length;i++){

for(let j=i+1;j<particles.length;j++){

const a=particles[i],b=particles[j];

const dx=a.x-b.x,dy=a.y-b.y;

const d=Math.hypot(dx,dy);

if(d<90){

x.strokeStyle=`rgba(0,255,255,${1-d/90})`;

x.beginPath();

x.moveTo(a.x,a.y);

x.lineTo(b.x,b.y);

x.stroke();

}

}

}

x.beginPath();

x.arc(pointer.x,pointer.y,50+Math.sin(t*3)*10,0,Math.PI*2);

x.strokeStyle="rgba(0,255,255,.8)";

x.lineWidth=2;

x.stroke();

requestAnimationFrame(draw);

let taps=0;

taps++;

document.querySelector(".secret").textContent =

taps>2 ? "EASTER EGG UNLOCKED // MALVRYX MODE" : "DEV MALVRYX";