:root{--bg-color: #fdfaf6;--accent-blue: #9ecdf1;--accent-blue-hover: #8xbce2;--text-primary: #ffffff;--text-muted: #9bc5e5;--font-family: "Quicksand", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/sky-bg.png);background-size:cover;background-position:center;filter:blur(8px);transform:scale(1.1);z-index:-1}.logo-cloud{position:absolute;top:30px;left:40px;background-color:var(--accent-blue);padding:15px 25px;border-radius:50% 50% 40% 40%/60% 60% 30% 30%;animation:float 6s ease-in-out infinite;box-shadow:0 4px 12px #9ecdf166}.logo-cloud:before,.logo-cloud:after{content:"";position:absolute;background-color:var(--accent-blue);border-radius:50%;z-index:-1}.logo-cloud:before{width:40px;height:40px;top:-15px;left:10px}.logo-cloud:after{width:50px;height:50px;top:-20px;right:15px}.logo-cloud h1{font-size:1.1rem;font-weight:700;line-height:1.2;text-align:center;margin:0;z-index:2;position:relative;letter-spacing:.5px}.main-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:80px 20px 40px;z-index:10}.character-wrapper{width:350px;height:350px;border-radius:50%;background-color:#fff;box-shadow:0 0 60px 40px #fff;display:flex;align-items:center;justify-content:center;margin-bottom:60px;z-index:2;position:relative;overflow:hidden;background-color:transparent;overflow:visible;box-shadow:unset}.floating-character{width:100%;height:100%;object-fit:cover;animation:floatBig 6s ease-in-out infinite}.explore-btn{background-color:var(--accent-blue);color:var(--text-primary);font-family:var(--font-family);font-size:1.4rem;font-weight:700;border:none;border-radius:30px;padding:16px 40px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #9ecdf166;letter-spacing:.5px;position:relative;overflow:hidden}.explore-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9ecdf199;background-color:#8abde2}.explore-btn:hover:after{left:100%}.explore-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #9ecdf166}.site-footer{text-align:center;padding:20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10}.cloud-icon-small svg{width:30px;height:30px;animation:float 4s ease-in-out infinite alternate}.site-footer p{font-size:.85rem;font-weight:500;letter-spacing:.3px}.sparkle-icon{position:fixed;bottom:30px;right:40px;z-index:5;animation:pulse 3s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes floatBig{0%{transform:translateY(0) scale(1.4)}50%{transform:translateY(-20px) scale(1.4)}to{transform:translateY(0) scale(1.4)}}@keyframes pulse{0%{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.1) rotate(5deg);opacity:.9}to{transform:scale(1) rotate(0);opacity:.6}}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.logo-cloud{display:none!important}}