body{margin:0;background:#000;font-family:Arial;color:#0ff;}
.hero{position:relative;height:100vh;overflow:hidden;}
.bg{position:absolute;width:110%;height:110%;top:0;left:0;object-fit:cover;will-change:transform;}
.logo{position:absolute;width:18%;left:50%;top:45%;transform:translate(-50%,-50%);animation:floatAnim 6s ease-in-out infinite;filter:drop-shadow(0 0 20px #0ff);}
@keyframes floatAnim{0%{transform:translate(-50%,-52%);}50%{transform:translate(-50%,-48%);}100%{transform:translate(-50%,-52%);}}
.glassnav{position:absolute;top:20px;left:50%;transform:translateX(-50%);padding:12px 28px;border-radius:25px;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);box-shadow:0 0 15px #0ff;}
.glassnav a{color:#0ff;margin:0 12px;text-decoration:none;font-weight:bold;}
.cats{display:flex;justify-content:center;gap:30px;padding:50px;}
.cat{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:22px;padding:20px;width:160px;text-align:center;transition:.25s;}
.cat img{width:80px;height:80px;}
.cat:hover{transform:scale(1.12);box-shadow:0 0 20px #0f0;}