@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(to bottom right,#6b46c1,#000000,#ec4899);font-family:Inter,sans-serif;color:white}.container,body{min-height:100vh}.container{display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2rem;padding:2.5rem;max-width:36rem;width:100%;border:5px solid #9333ea;box-shadow:0 30px 60px -12px rgba(147,51,234,.6);text-align:center}.logo{width:140px;height:140px;border-radius:1.5rem;border:6px solid #ec4899;margin:0 auto 2rem}.title{font-size:3.8rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(90deg,#ec4899,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#c4b5fd;font-size:1.4rem;margin-bottom:2rem}.rank-item{background:rgba(147,51,234,.2);border:2px solid #9333ea;border-radius:1rem;padding:1rem;margin:.75rem 0;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.rank-number{font-size:2rem;font-weight:900;color:#ec4899}.score,.username{font-weight:700}.score{color:#4ade80}.catcaster{display:inline-block;margin-top:2rem;padding:1rem 2rem;background:#6b46c1;color:white;font-weight:700;border-radius:9999px;font-size:1rem;text-decoration:none;transition:all .2s}.catcaster:hover{background:#7c3aed;transform:scale(1.05)}.search-bar{width:100%;padding:1.5rem 2rem;margin:2rem 0;font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,rgba(147,51,234,.3),rgba(236,72,153,.3));border:4px solid #9333ea;border-radius:2rem;color:white;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(147,51,234,.4);transition:all .3s ease}.search-bar::placeholder{color:#c4b5fd;opacity:.8}.search-bar:focus{outline:none;border-color:#ec4899;box-shadow:0 0 30px rgba(236,72,153,.6);transform:scale(1.02)}.modal-box{background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,0,40,.95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:4px solid #9333ea;box-shadow:0 30px 80px rgba(147,51,234,.8)}.modal::-webkit-scrollbar{width:12px}.modal::-webkit-scrollbar-track{background:rgba(147,51,234,.2);border-radius:10px}.modal::-webkit-scrollbar-thumb{background:linear-gradient(#ec4899,#9333ea);border-radius:10px}button[onClick]{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}