:root{font-family:Inter,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#2e2f39;background:#f6efe2;--baby_blue: #cfeaff;--baby_blue_deep: #9dcff3;--lemon: #f7de72;--lemon_soft: #fff2b6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:linear-gradient(165deg,#f6f0e4a3,#f3ede28f 40%,#e7effa85),url(/assets/hf_20260208_201943_63c191e3-3435-4aae-abf9-35ecd6bef1c5-BzmxMXK5.png);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}#root{min-height:100vh}.page{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;padding:24px 16px}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 42%,#fff3,#cfeaff1f 40%,#281e1429),linear-gradient(180deg,#fff2b638,#cfeaff29 46%,#1c1e221a)}.phone_shell{width:min(100%,500px);padding:0}.phone_screen{padding:0}.content_card{border-radius:24px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,#ffffff80,#fff2b62e 48%,#cfeaff2e);box-shadow:0 24px 36px #251e1733;-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);text-align:center;padding:24px 18px 28px}.illustration_wrap{position:relative;min-height:350px;display:grid;place-items:center}.illustration_bg{width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2,#fff2b6c7 45%,#cfeaffa8);box-shadow:0 0 0 10px #ffffff2e}.balloon{width:220px;max-width:78%;height:auto;filter:drop-shadow(0 12px 18px rgba(94,74,34,.2));animation:balloon_float 3.8s ease-in-out infinite}.balloon_trigger{position:absolute;display:grid;place-items:center;cursor:pointer;border-radius:18px;outline:none}.balloon_trigger:focus-visible{box-shadow:0 0 0 3px #9dcff39e}.balloon_trigger:active .balloon{transform:scale(.98)}.confetti_layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti_piece{--size: 8px;position:absolute;left:50%;top:45%;width:var(--size);height:calc(var(--size) * .58);border-radius:3px;background:var(--piece_color);opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.9);animation:confetti_pop .92s cubic-bezier(.18,.84,.32,1) forwards;animation-delay:var(--delay)}.confetti_piece.is_dot{width:calc(var(--size) * .85);height:calc(var(--size) * .85);border-radius:999px}.spark{position:absolute;font-weight:700;color:var(--lemon);font-size:1.6rem;line-height:1;opacity:.8;text-shadow:0 2px 8px rgba(255,255,255,.4)}.spark_one{top:84px;right:38px;color:var(--baby_blue_deep)}.spark_three{left:64px;bottom:58px;color:var(--lemon)}.lemon{position:absolute;width:22px;height:14px;border-radius:999px;border:1.5px solid rgba(180,132,20,.45);background:linear-gradient(145deg,#fff6a9fa,#f7de72fa 55%,#eec648fa);box-shadow:0 6px 12px #785c182e}.lemon:before{content:"";position:absolute;width:8px;height:6px;top:-5px;left:7px;border-radius:8px 8px 2px;transform:rotate(-24deg);background:linear-gradient(180deg,#8cc880,#65a965)}.lemon_one{right:64px;bottom:48px;animation:lemon_fly 5.4s ease-in-out infinite}.lemon_two{left:62px;top:112px;transform:scale(.92);animation:lemon_fly_alt 6.1s ease-in-out infinite}@keyframes balloon_float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes lemon_fly{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(8px,-10px) rotate(7deg)}}@keyframes lemon_fly_alt{0%,to{transform:translate(0) scale(.92) rotate(9deg)}50%{transform:translate(-10px,-8px) scale(.92) rotate(-7deg)}}@keyframes confetti_pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.35)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(1)}}h1{position:relative;margin:4px 0 12px;font-size:clamp(1.8rem,4vw,2.1rem);line-height:1.2;color:#1f232e;letter-spacing:-.01em;text-transform:none;text-shadow:0 1px 0 rgba(255,255,255,.35)}h1:after{content:"";display:block;width:86px;height:3px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9dcff3f2,#f7de72f2)}p{margin:0 auto;max-width:31ch;color:#58595f;font-size:1.1rem;line-height:1.35;text-shadow:0 1px 0 rgba(255,255,255,.25)}@media (max-width: 640px){body{background-attachment:scroll;background-position:center top}.page{padding:16px 10px}.phone_shell{width:min(100%,460px);min-height:auto}.phone_screen{min-height:auto}.content_card{border-radius:20px;padding:18px 12px 22px}.illustration_wrap{min-height:310px}h1{font-size:1.9rem}p{font-size:1rem}}