:root{--bg-color: #050510;--text-primary: #ffffff;--text-secondary: #a0a0b0;--accent-cyan: #00f0ff;--accent-purple: #bd00ff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-heading: "Outfit", sans-serif;--font-body: "Space Grotesk", monospace}body{margin:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 20% 30%,rgba(189,0,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,240,255,.15) 0%,transparent 40%)}#app{display:flex;flex-direction:column;min-height:100vh}.logo{font-family:var(--font-heading);font-weight:900;font-size:3.5rem;letter-spacing:-.05em;background:linear-gradient(to right,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 2rem;text-transform:uppercase;filter:drop-shadow(0 0 10px rgba(0,240,255,.5));animation:fadeIn 1s ease-out}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 8rem;text-align:center}.hero-content{max-width:800px;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn 1s ease-out}.image-container{position:relative;width:100%;max-width:1000px;margin-bottom:2rem;display:flex;justify-content:center}.cat-image{width:100%;height:auto;min-height:300px;object-fit:contain;border-radius:20px;box-shadow:0 0 30px #bd00ff4d;position:relative;z-index:2;transition:transform .1s ease-out}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background:radial-gradient(circle,var(--accent-cyan),var(--accent-purple));opacity:.3;filter:blur(40px);z-index:1;animation:pulse 4s infinite alternate}.description{font-size:1.5rem;line-height:1.6;color:var(--text-secondary);font-weight:300;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:2rem;border-radius:16px;max-width:600px}.highlight{color:var(--accent-cyan);font-weight:700}.sub-text{display:block;margin-top:1rem;font-size:.9rem;opacity:.6;font-style:italic}.button-group{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.buy-button,.community-button{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-heading);font-size:1.5rem;font-weight:900;padding:1rem 3rem;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.1em}.buy-button{background:transparent;color:var(--text-primary);border:2px solid var(--accent-cyan);box-shadow:0 0 15px #00f0ff33}.buy-button:hover{background:var(--accent-cyan);color:var(--bg-color);box-shadow:0 0 40px #00f0ff99;transform:scale(1.05)}.community-button{background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-button:hover{background:#fff3;border-color:var(--accent-purple);box-shadow:0 0 30px #bd00ff66;transform:scale(1.05)}.buy-button:active,.community-button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}to{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@media(max-width:600px){.logo{font-size:2rem}.image-container{padding:0 1rem}.description{font-size:1.1rem;padding:1.5rem}.buy-button{font-size:1.2rem;padding:.8rem 2.5rem}}
