body{margin:0;overflow:hidden;font-family:system-ui,sans-serif}.app-bg{width:100vw;height:100vh;background:radial-gradient(circle at 20% 20%,#fff,#dff3ff 30%,#bfe6ff)}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.8),transparent 60%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.6),transparent 55%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.5),transparent 60%);filter:blur(35px);opacity:.7;animation:floatClouds 20s ease-in-out infinite alternate}@keyframes floatClouds{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}.clip-hexagon{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}.skill-node{width:110px;height:95px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #00000014;border-radius:10px}