*{box-sizing:border-box}body{margin:0;height:100vh;background:#050510;color:white;font-family:Arial;overflow:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle,#312e81,transparent 35%),radial-gradient(circle at 80%,#0891b2,transparent 30%);filter:blur(45px)}.glass{background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(15px);box-shadow:0 20px 40px #0008}header{position:relative;margin:25px auto;padding:15px 25px;width:280px;border-radius:25px;display:flex;gap:15px;align-items:center}header span{font-size:35px;color:#22d3ee}h1{margin:0}p{margin:3px;color:#aaa}.network{position:relative;width:600px;height:500px;margin:auto}.core{position:absolute;left:240px;top:190px;width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold}.node{position:absolute;width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:white;transition:.3s;font-size:22px}.node b{font-size:11px}.node:hover{transform:scale(1.2)}.a{left:260px;top:20px}.b{left:420px;top:80px}.c{left:480px;top:230px}.d{left:420px;top:380px}.e{left:260px;top:410px}.f{left:100px;top:380px}.g{left:40px;top:230px}.h{left:100px;top:80px}footer{text-align:center;color:#aaa}