@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:1rem;font-family:Inter,sans-serif}.container{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;padding-bottom:6rem;display:flex}.cat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#000c;border:4px solid #9333ea;border-radius:2rem;padding:1.5rem}.cat-image{border:8px solid #ec4899;border-radius:2rem;width:280px;height:280px;margin:1rem auto}.progress-bar{background:#333;border:3px solid #ec4899;border-radius:10px;height:20px;margin:1rem 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ec4899,#9333ea);height:100%;transition:width .6s}.button{color:#fff;background:linear-gradient(90deg,#ec4899,#9333ea);border:none;border-radius:2rem;width:100%;margin:.5rem 0;padding:1rem;font-size:1.2rem;font-weight:900;transition:all .3s}.button:hover{transform:scale(1.02)}.title{background:linear-gradient(90deg,#ec4899,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.invite-box{word-break:break-all;background:#9333ea4d;border:2px solid #9333ea;border-radius:1rem;margin:1rem 0;padding:1rem;font-size:1.2rem}