@keyframes ring{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}to{transform:rotate(0) scale(1) skew(1deg)}}html{font-family:Noto Sans,sans-serif;scroll-behavior:smooth}body{overflow:overlay}body ::-webkit-scrollbar{width:.5rem!important}body ::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:999999px}.custom-scrollbar ::-webkit-scrollbar{width:.375rem!important}.custom-scrollbar ::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:999999px}.container{margin:auto;padding-left:1rem;padding-right:1rem}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.1)}.glass-dark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(0,0,0,.1)}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow{box-shadow:0 0 20px #3b82f64d}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px) scale(1.02)}.bg-mesh{background:radial-gradient(circle at 25% 25%,#667eea 0%,transparent 50%),radial-gradient(circle at 75% 75%,#764ba2 0%,transparent 50%)}