@tailwind base;@tailwind components;@tailwind utilities;@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}body{color:#fff;overscroll-behavior:none;box-sizing:border-box;width:100%;margin:0;padding:0;overflow-x:hidden;background-color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}main{flex-direction:column;width:100%;min-height:100vh;display:flex}#introduction,#category,#how-it-works{text-align:center;background-color:#1f1f1f;border-radius:8px;margin:20px 0;padding:240px}h2{margin-bottom:20px}.nav-buttons.show{opacity:1!important;transform:translateY(0)!important}.nav-buttons.show button:hover{background:linear-gradient(135deg,#5e07ff,#bc98ffdd);transition:transform .2s;transform:scale(1.1)}.gradient-text{background:linear-gradient(40deg,#6dbdffa3 10%,#3a76cf9f 30%,#1239d799 60%,#6439f087 70%,#8331ff7a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-button:hover{color:#fff;background:linear-gradient(135deg,#5e07ff,#bc98ffdd);transition:background .3s,color .3s}.gradient-button{color:#fff;background-color:#3f51b5;border:none;transition:background .3s}nav{color:#5c85f6;z-index:1000;background-color:#00000078;padding:15px;position:fixed;left:0;right:0}nav ul{justify-content:center;list-style:none;display:flex}nav ul li{margin:0 30px -10px}nav a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.custom-navbar{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-bottom:1px solid #ffffff1a}.custom-navbar a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s}.darkmode-icon{color:#569cffb4;margin-left:auto}.darkmode-icon:hover,.custom-navbar a: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);color:#fff;white-space:nowrap;background-color:#333;border-radius:4px;margin-bottom:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}footer .custom-link[title]:hover:before{content:"";border:5px solid #0000;border-top-color:#333;margin-bottom:-5px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.footer-icon{font-size:1.2em;color:#fff!important}.footer-icon:hover{color:#6796fb!important}.typing-dot{background-color:#666;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite typingAnimation}.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)}}