@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=Inter:wght@400;700;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(#6b46c1,#ec4899);min-height:100vh;padding:.5rem;font-family:Inter,sans-serif;overflow-x:hidden}.container{flex-direction:column;gap:.8rem;max-width:100vw;margin:0 auto;padding-bottom:4rem;display:flex}.cat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#000c;border:3px solid #9333ea;border-radius:1.5rem;max-width:100%;padding:1rem}.button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ec4899,#9333ea);border:none;border-radius:1.5rem;width:100%;margin:.4rem 0;padding:.8rem;font-size:1rem;font-weight:900;transition:all .3s}.button:hover{transform:scale(1.02)}.button:disabled{opacity:.6;cursor:not-allowed}.title{background:linear-gradient(90deg,#ec4899,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:2.5rem}p{margin:.8rem 0;font-size:1rem;line-height:1.4}a.button{text-decoration:none;display:block}@media (max-width:375px){body{padding:.3rem}.cat-card{border-radius:1.2rem;padding:.8rem}.title{font-size:2rem}.button{padding:.6rem;font-size:.9rem}p{font-size:.9rem}}
