@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=Inter:wght@400;700;900&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(180deg,#6b46c1,#ec4899);min-height:100vh;font-family:Inter,sans-serif;color:white;padding:1rem}.container{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:6rem}.cat-card{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:1.5rem;border:4px solid #9333ea;text-align:center}.cat-image{width:280px;height:280px;border-radius:2rem;border:8px solid #ec4899;margin:1rem auto}.progress-bar{height:20px;background:#333;border-radius:10px;overflow:hidden;margin:1rem 0;border:3px solid #ec4899}.progress-fill{height:100%;transition:width .6s ease}.button,.progress-fill{background:linear-gradient(90deg,#ec4899,#9333ea)}.button{width:100%;padding:1rem;font-size:1.2rem;font-weight:900;border-radius:2rem;border:none;color:white;margin:.5rem 0;transition:all .3s}.button:hover{transform:scale(1.02)}.title{font-size:3rem;background:linear-gradient(90deg,#ec4899,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.invite-box{background:rgba(147,51,234,.3);padding:1rem;border-radius:1rem;word-break:break-all;border:2px solid #9333ea;margin:1rem 0;font-size:1.2rem}