@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap";*{box-sizing:border-box}body{color:#e0e0e0;background:linear-gradient(135deg,#000 0%,#0a0a0a 50%,#111 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;display:flex}.app-container{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:700px;padding:40px 20px;display:flex}.cat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#141414e6 0%,#0a0a0af2 100%);border:1px solid #ffffff0d;border-radius:24px;width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,inset 0 1px #ffffff1a}.cat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:2px;position:absolute;top:0;left:0;right:0}.cat-img{object-fit:contain;background:#0009;border:1px solid #ffffff0d;border-radius:16px;width:100%;height:auto;max-height:350px;margin-bottom:24px;box-shadow:0 10px 30px #00000080}.cat-name{background:linear-gradient(90deg,#ffae00,#888);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:1px;-webkit-background-clip:text;margin:0 0 15px;font-size:2.5rem;font-weight:800}.cat-origin,.cat-temp{color:#aaa;margin:8px 0;font-size:1.1rem;font-weight:300}.cat-origin span,.cat-temp span{background:linear-gradient(210deg,#ffae00,#8b8b8b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:600}.cat-desc{color:#888;margin:20px 0;font-size:.98rem;font-weight:300;line-height:1.7}.cat-stats{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:12px;margin-top:25px;padding-top:20px;display:flex}.cat-stats span{color:#ffbd30;letter-spacing:.5px;cursor:auto;background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;padding:11px 20px;font-size:.85rem;font-weight:400}.premium-btn{color:#ffae00;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#222,#000);border:1px solid #ffffff1a;border-radius:60px;padding:16px 45px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0006}.premium-btn:hover{background:linear-gradient(210deg,#ffae00,#8b8b8b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 15px 25px #0009,0 0 20px #ffffff0d}.premium-btn:active{transform:translateY(1px)}