@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;400&display=swap");
body { background-color: #0a0a14; font-family: 'Mulish', sans-serif; color: #ffffff; line-height: 1.2; margin: 0; padding: 0; user-select: none; overflow: hidden; height: 100vh; cursor: none; }
#canvas-container { position: fixed; top:0; left:0; width:100%; height:100%; z-index:1; }
#cat-overlay { position: fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none; opacity:0; pointer-events: none; }
#cat-overlay img { width:100%; height:100%; object-fit: cover; }
.center { text-align: center; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 10; pointer-events: auto; }
.center h1 { font-weight: 200; margin: 0; padding: 0; font-size: clamp(3rem, 15vw, 7.5rem); letter-spacing: -2px; pointer-events: none; }
.glow-text { color: #fff; text-shadow: 0 0 10px rgba(0, 225, 255, 0.8), 0 0 30px rgba(0, 225, 255, 0.4); animation: glow-pulse 4s infinite alternate; }
@keyframes glow-pulse { from { text-shadow: 0 0 10px rgba(0, 225, 255, 0.8), 0 0 30px rgba(0, 225, 255, 0.4); transform: scale(1); } to { text-shadow: 0 0 30px rgba(0, 225, 255, 1), 0 0 60px rgba(0, 225, 255, 0.6); transform: scale(1.02); } }
.btns { cursor: pointer; display: inline-block; width: 180px; padding: 0.8rem 1rem; margin: 0.5rem; border-radius: 3rem; border: 1px solid rgba(255,255,255,0.1); color: white; text-decoration: none; font-size: 1.4rem; transition: all 0.4s ease; background: rgba(255,255,255,0.03); backdrop-filter: blur(12px); box-shadow: inset 0 0 20px rgba(255,255,255,0.05); }
.btns:hover { transform: scale(1.1) translateY(-5px); background: rgba(0, 225, 255, 0.1); border-color: #00e1ff; box-shadow: 0 15px 40px rgba(0, 225, 255, 0.3); color: #fff; }
.modal { z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; justify-content: center; align-items: center; backdrop-filter: blur(15px); }
.modal.show { display: flex; }
.modal__container { cursor: pointer; padding: 2rem 4rem; text-align: center; border: 1px solid rgba(0, 225, 255, 0.3); border-radius: 12px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(5px); transition: all 0.3s ease; pointer-events: auto; }
.modal__container:hover { border-color: #00e1ff; background: rgba(0, 225, 255, 0.1); transform: scale(1.05); }
.modal__title { font-size: 1.8rem; font-weight: 200; color: #fff; text-shadow: 0 0 15px #00e1ff; text-transform: uppercase; letter-spacing: 3px; }