:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#f8f2e8;background:#0050f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.landing-shell{display:flex;min-height:100svh;justify-content:center;background:#0050f0}.landing-content{position:relative;width:min(100%,520px);min-height:100svh;overflow:hidden;background:#0050f0}.promo-page{position:relative;display:flex;min-height:100svh;flex-direction:column;align-items:center;overflow:hidden;padding:clamp(38px,7svh,72px) 18px 28px;isolation:isolate}.promo-page:before,.promo-page:after{position:absolute;z-index:-1;width:180px;height:34px;border-radius:999px;background:#39baff;content:"";opacity:.68;transform:rotate(28deg);filter:blur(2px)}.promo-page:before{top:13%;left:-88px}.promo-page:after{top:5%;right:-92px;background:#7e8dff;transform:rotate(-38deg)}.promo-header{display:grid;justify-items:center;width:100%;flex:0 0 auto}.promo-title{display:flex;align-items:baseline;margin:0;color:#f9fbff;font-size:clamp(48px,14vw,78px);font-weight:950;letter-spacing:.02em;line-height:.98;text-shadow:0 5px 0 #0a4db9,0 9px 0 #083b9e,0 15px 20px rgb(2 24 101 / 42%)}.promo-title strong{color:#ffd05e;font-weight:950;text-shadow:0 5px 0 #e9911a,0 9px 0 #b35c13,0 15px 20px rgb(2 24 101 / 42%)}.promo-subtitle{display:inline-flex;min-height:58px;align-items:center;justify-content:center;margin:22px 0 0;padding:8px 30px;border:3px solid #f3c75e;border-radius:999px;background:#fff0cb;color:#0050f0;font-size:clamp(18px,4.7vw,28px);font-weight:850;letter-spacing:.04em;line-height:1.2;box-shadow:0 8px #e9a832,0 14px 22px #041c6d42}.gift-scene{position:relative;display:flex;width:min(100%,480px);flex:1 1 auto;align-items:center;justify-content:center;margin:10px 0 8px;min-height:0}.gift-scene-image{display:block;width:100%;height:auto;object-fit:contain;animation:gift-enter .65s cubic-bezier(.22,1,.36,1) both}.spark{position:absolute;z-index:1;width:30px;height:10px;border-radius:999px;background:#ffd05e;box-shadow:0 0 0 5px #ffd05e24;transform:rotate(36deg);animation:spark-float 2.8s ease-in-out infinite}.spark-one{top:16%;left:2%}.spark-two{top:34%;right:1%;background:#ff7b72;transform:rotate(-40deg);animation-delay:.24s}.promo-cta{display:flex;width:min(100%,430px);min-height:76px;flex:0 0 auto;align-items:center;justify-content:center;gap:20px;border:3px solid #ffd56f;border-radius:999px;background:#ff5662;color:#fff9ed;font-size:clamp(24px,6vw,34px);font-weight:900;letter-spacing:.04em;line-height:1;text-decoration:none;text-shadow:0 3px 0 #d52b44;box-shadow:inset 0 -7px #df344b,0 8px #bd2440,0 15px 25px #031c6b4d;transition:transform .16s ease,filter .16s ease;animation:cta-enter .65s .15s cubic-bezier(.22,1,.36,1) both}.promo-cta-arrow{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#fff1cd;color:#f04d53;font-size:34px;line-height:1;text-shadow:none}.promo-cta:hover{filter:brightness(1.06);transform:translateY(-2px)}.promo-cta:active{transform:translateY(3px) scale(.98)}.promo-cta:focus-visible{outline:3px solid #fff1cd;outline-offset:5px}.promo-cta:disabled{cursor:not-allowed;filter:grayscale(.45)}.state-screen{display:grid;min-height:100svh;place-content:center;padding:24px;text-align:center}.state-screen h1{margin:0;font-size:28px;line-height:1.25}.status{margin:16px 0 0;color:#d9e4ff;font-size:15px;line-height:1.6}.primary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:20px;padding:0 24px;border:0;border-radius:8px;background:#ff4f5f;color:#fff;font-weight:700}.primary-action:disabled{background:#a7afb7;cursor:not-allowed}@keyframes gift-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cta-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spark-float{0%,to{opacity:.6;translate:0 0}50%{opacity:1;translate:0 -8px}}@media(max-height:720px){.promo-page{padding-top:24px;padding-bottom:18px}.promo-subtitle{min-height:48px;margin-top:14px}.promo-cta{min-height:62px}.promo-cta-arrow{width:40px;height:40px;font-size:28px}}@media(prefers-reduced-motion:reduce){.gift-scene-image,.promo-cta,.spark{animation:none}}
