*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:#000;min-height:100vh;min-height:100dvh;padding:clamp(6px,1.2vw,12px);font-family:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;color:#111;display:flex;align-items:stretch;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-frame{flex:1;background:#FFFC00;border-radius:clamp(18px,2.8vw,30px);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}.aurora-layer{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35;background:radial-gradient(ellipse at 18% 45%,#fff9c4 0,transparent 48%),radial-gradient(ellipse at 78% 22%,#ffe0b2 0,transparent 50%),radial-gradient(ellipse at 55% 75%,#c8e6c9 0,transparent 44%),radial-gradient(ellipse at 38% 58%,#f8bbd0 0,transparent 52%),radial-gradient(ellipse at 68% 65%,#fff8e1 0,transparent 46%);animation:auroraDrift 28s ease-in-out infinite}@keyframes auroraDrift{0%,100%{background-position:0 0,0% 0,0% 0,0% 0,0% 0}25%{background-position:6% 4%,-5% -3%,4% -5%,-3% 6%,5% 2%}50%{background-position:-4% 6%,7% 2%,-6% 4%,5% -4%,-2% 7%}75%{background-position:3% -5%,-3% 6%,5% 3%,-6% -2%,4% -4%}}.floating-avatar{position:absolute;z-index:1;pointer-events:none;opacity:.5;animation:floatAvatar 7s ease-in-out infinite}.floating-avatar:nth-child(1){top:8%;left:6%;width:52px;height:62px;animation-delay:0s;animation-duration:7.4s}.floating-avatar:nth-child(2){top:12%;right:7%;width:38px;height:46px;animation-delay:-2.1s;animation-duration:6.2s}.floating-avatar:nth-child(3){bottom:14%;left:10%;width:44px;height:52px;animation-delay:-4.7s;animation-duration:8.1s}.floating-avatar:nth-child(4){bottom:10%;right:5%;width:56px;height:66px;animation-delay:-1.3s;animation-duration:6.9s}.floating-avatar:nth-child(5){top:42%;left:3%;width:30px;height:36px;animation-delay:-5.8s;animation-duration:7.7s}.floating-avatar:nth-child(6){top:38%;right:3%;width:34px;height:40px;animation-delay:-3.4s;animation-duration:6.5s}@keyframes floatAvatar{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-14px) rotate(3deg) scale(1.06)}50%{transform:translateY(-6px) rotate(-2deg) scale(.96)}75%{transform:translateY(-18px) rotate(1deg) scale(1.04)}}.avatar-shape{width:100%;height:100%;background:rgba(255,255,255,.7);border-radius:50% 50% 46% 46%;position:relative;box-shadow:0 3px 12px rgba(0,0,0,.08)}.avatar-shape::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:16px;background:radial-gradient(circle at 20% 0,rgba(255,255,255,.7) 7px,transparent 7px),radial-gradient(circle at 42% 0,rgba(255,255,255,.7) 8px,transparent 8px),radial-gradient(circle at 64% 0,rgba(255,255,255,.7) 7px,transparent 7px),radial-gradient(circle at 82% 0,rgba(255,255,255,.7) 6px,transparent 6px)}.avatar-eyes{position:absolute;top:34%;left:50%;transform:translateX(-50%);display:flex;gap:8px}.avatar-eyes span{display:block;width:6px;height:7px;background:#333;border-radius:50%}.main-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(16px,4vw,48px) clamp(14px,3vw,40px);max-width:620px;width:100%}.logo-wrap{margin-bottom:clamp(10px,2vh,22px);animation:popIn .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}.logo-wrap img{width:clamp(48px,8vw,72px);height:auto;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.12))}@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}h1{font-family:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.15;color:#000;margin:0 0 clamp(10px,1.8vh,18px);letter-spacing:-.02em;animation:bounceTitle .7s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.2s;max-width:100%}@keyframes bounceTitle{0%{transform:translateY(40px);opacity:0}60%{transform:translateY(-8px);opacity:1}80%{transform:translateY(4px)}100%{transform:translateY(0);opacity:1}}.tagline{font-family:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;font-size:clamp(1rem,2.2vw,1.35rem);line-height:1.5;color:#1a1a1a;margin:0 0 clamp(20px,3.5vh,34px);max-width:480px;animation:fadeUp .6s ease both;animation-delay:.35s}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:clamp(1.05rem,2.4vw,1.3rem);color:#fff;background:#000;border:3px solid #000;border-radius:60px;padding:clamp(14px,2.2vh,18px) clamp(28px,5vw,48px);text-decoration:none;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease,color .2s ease;box-shadow:0 6px 24px rgba(0,0,0,.18);min-height:50px;min-width:200px;animation:fadeUp .6s ease both;animation-delay:.45s;letter-spacing:.01em;position:relative;outline:none;-webkit-user-select:none;user-select:none}.cta-button:hover{transform:scale(1.06);box-shadow:0 10px 32px rgba(0,0,0,.25);background:#1a1a1a}.cta-button:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px rgba(0,0,0,.3)}.cta-button:active{transform:scale(.96);transition:transform .1s ease}.cta-arrow{display:inline-block;transition:transform .2s ease}.cta-button:hover .cta-arrow{transform:translateX(4px)}.swipe-hint{display:flex;align-items:center;gap:8px;margin-top:clamp(18px,3vh,30px);animation:fadeUp .6s ease both;animation-delay:.55s;opacity:.7}.swipe-track{width:52px;height:4px;background:rgba(0,0,0,.15);border-radius:4px;position:relative;overflow:hidden}.swipe-dot{position:absolute;top:-4px;width:12px;height:12px;background:#000;border-radius:50%;animation:swipeGlide 2.2s ease-in-out infinite}@keyframes swipeGlide{0%{left:-12px;opacity:.6}30%{opacity:1}60%{left:calc(100% - 12px);opacity:1}80%{opacity:.5}100%{left:calc(100%+4px);opacity:0}}.swipe-label{font-family:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;font-size:.8rem;color:#333;letter-spacing:.03em}.site-footer{position:absolute;bottom:clamp(8px,1.5vh,16px);z-index:10;display:flex;align-items:center;gap:16px;font-family:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;font-size:.75rem;color:#444;letter-spacing:.02em}.site-footer a{color:#444;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:#000}.site-footer span{opacity:.5}@media(max-width:520px){.floating-avatar:nth-child(1){top:4%;left:3%;width:34px;height:40px}.floating-avatar:nth-child(2){top:6%;right:3%;width:26px;height:30px}.floating-avatar:nth-child(3){bottom:8%;left:4%;width:30px;height:36px}.floating-avatar:nth-child(4){bottom:6%;right:2%;width:36px;height:42px}.floating-avatar:nth-child(5){display:none}.floating-avatar:nth-child(6){display:none}.cta-button{width:100%;max-width:300px;min-height:48px}.swipe-hint{margin-top:14px}}@media(max-height:640px){.floating-avatar:nth-child(1){top:3%;left:4%}.floating-avatar:nth-child(2){top:4%;right:4%}.floating-avatar:nth-child(3){bottom:6%;left:5%}.floating-avatar:nth-child(4){bottom:5%;right:3%}.logo-wrap{margin-bottom:6px}.logo-wrap img{width:clamp(36px,6vw,52px)}h1{margin-bottom:6px}.tagline{margin-bottom:12px}.swipe-hint{margin-top:10px}}@media(prefers-reduced-motion:reduce){.aurora-layer,.floating-avatar,.swipe-dot,h1,.tagline,.cta-button,.logo-wrap,.swipe-hint{animation:none!important;transition:none!important}.cta-button:hover{transform:none}}