@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--peach: #FF9A8B;--peach-dark: #FF6B6B;--cream: #FFF8F0;--charcoal: #2D2D2D}body{font-family:Fredoka,sans-serif;background:var(--cream);color:var(--charcoal)}.app{min-height:100vh;display:flex;flex-direction:column}.hero{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#fff8f0,#ffd4d4,#ffb5a7 70%,#ff9a8b);z-index:0}.hero-bg:after{content:"";position:absolute;top:-50%;right:-20%;width:80vw;height:80vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(255,154,139,.25) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-30px) scale(1.05)}66%{transform:translate(15px,20px) scale(.95)}}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem}.logo{font-size:clamp(4rem,10vw,6rem);animation:bounce 2.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)}50%{transform:translateY(0)}70%{transform:translateY(-8px)}}.title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-top:.5rem;background:linear-gradient(135deg,var(--charcoal) 0%,var(--peach-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#777;margin-top:.3rem;font-weight:500}.subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:#999;margin-top:.5rem}.hero-illustration{font-size:clamp(3rem,7vw,5rem);margin-top:1.5rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08));animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.footer{position:absolute;bottom:1.5rem;width:100%;z-index:1;text-align:center}.beian{display:flex;align-items:center;justify-content:center;gap:.5rem}.beian a{color:#fff9;font-size:.75rem;text-decoration:none;transition:color .2s}.beian a:hover{color:#ffffffe6}.beian-sep{width:1px;height:.75rem;background:#ffffff4d}.gongan-link{display:inline-flex;align-items:center;gap:.25em}.gongan-icon{flex-shrink:0;opacity:.8}