@tailwind base;@tailwind components;@tailwind utilities;body{color:#fff;background-color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;margin:0;padding:0;overflow-x:hidden;overscroll-behavior:none;box-sizing:border-box}body,main{width:100%}main{display:flex;flex-direction:column;min-height:100vh}#category,#how-it-works,#introduction{padding:240px;border-radius:8px;background-color:#1f1f1f;margin:20px 0;text-align:center}h2{margin-bottom:20px}.nav-buttons.show{opacity:1!important;transform:translateY(0)!important}.nav-buttons.show button:hover{transform:scale(1.1);transition:transform .2s ease;background:linear-gradient(135deg,#5e07ff,#bc98ffdd)}.gradient-text{background:linear-gradient(40deg,rgba(109,189,255,.64) 10%,rgba(58,118,207,.625) 30%,rgba(18,57,215,.599) 60%,rgba(100,57,240,.531) 70%,rgba(131,49,255,.477));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-button:hover{background:linear-gradient(135deg,#5e07ff,#bc98ffdd);color:#fff;transition:background .3s ease,color .3s ease}.gradient-button{background-color:#3f51b5;border:none;color:#fff;transition:background .3s ease}nav{background-color:#00000078;color:#5c85f6;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.3);position:fixed;left:0;right:0;z-index:1000}nav ul{list-style:none;display:flex;justify-content:center}nav ul li{margin:0 30px -10px}nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.custom-navbar{background-color:transparent;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1)}.custom-navbar a{color:#fff;text-decoration:none;font-weight:700;transition:color .3s}.darkmode-icon{color:#569cffb4;margin-left:auto}.custom-navbar a:hover,.darkmode-icon:hover{color:#8088ffd8}@media (max-width:768px){nav a{font-size:14px}}nav a:hover{color:#5c85f6}footer .custom-link{position:relative}footer .custom-link[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 8px;background-color:#333;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:5px}footer .custom-link[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#333;margin-bottom:-5px}.footer-icon{color:#fff!important;font-size:1.2em}.footer-icon:hover{color:#6796fb!important}.typing-dot{width:8px;height:8px;background-color:#666;border-radius:50%;animation:typingAnimation 1.5s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.border-radius-40{border-radius:40px!important}@keyframes typingAnimation{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}