.page{background:radial-gradient(120% 90% at 50% -10%, #d4a24c29, transparent 60%), var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.ambient-blob{filter:blur(70px);opacity:.35;pointer-events:none;will-change:transform;border-radius:50%;transition:transform .25s ease-out;position:absolute}.ambient-blob--gold{background:var(--gold);width:320px;height:320px;top:-60px;left:-80px}.ambient-blob--blush{background:var(--blush);width:280px;height:280px;bottom:-60px;right:-70px}.card{background:linear-gradient(180deg, var(--card-bg), var(--bg-soft));opacity:0;border-radius:28px;width:100%;max-width:420px;padding:2.6rem 1.9rem 1.8rem;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(18px);box-shadow:0 30px 60px -25px #0000008c,0 0 0 1px #f6eee40f}.card--in{opacity:1;transform:translateY(0)}.stitch-frame{border:1.5px dashed var(--stitch);pointer-events:none;border-radius:20px;position:absolute;inset:10px}.hero{text-align:center;margin-bottom:1.1rem}.avatar-wrap{width:108px;height:108px;margin:0 auto 1.1rem;position:relative}.avatar-ring{background:conic-gradient(from 0deg, var(--gold), var(--blush), var(--gold-soft), var(--gold));border-radius:50%;animation:7s linear infinite spin;position:absolute;inset:-6px}.avatar{object-fit:cover;border:3px solid var(--card-bg);border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.price-tag{transform-origin:top;filter:drop-shadow(0 3px 4px #0006);justify-content:center;align-items:center;width:30px;height:30px;animation:3.4s ease-in-out infinite swing;display:flex;position:absolute;top:-6px;right:-10px}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.brand-name{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 .4rem;font-size:2.1rem;font-weight:600}.tagline{min-height:1.4em;font-family:var(--font-display);color:var(--blush);margin:0;font-size:1.02rem;font-style:italic;font-weight:500}.caret{color:var(--gold-soft);margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}.description{color:var(--muted);text-align:center;margin:1rem 0 1.2rem;font-size:.9rem;line-height:1.6}.hotline-pill{width:100%;color:var(--gold-soft);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;background:#d4a24c17;border:1px solid #d4a24c80;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1rem;font-size:.86rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.hotline-pill:hover{background:#d4a24c29;transform:translateY(-1px)}.hotline-pill:active{transform:translateY(0)}.stitch-divider{text-align:center;justify-content:center;align-items:center;margin:1.6rem 0 1.1rem;display:flex;position:relative}.stitch-divider:before,.stitch-divider:after{content:"";border-top:1.5px dashed var(--stitch);flex:1;height:0}.stitch-divider span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:0 .75rem;font-size:.68rem;font-weight:700}.channel-list{flex-direction:column;gap:.65rem;display:flex}.swatch{border:1.5px dashed var(--stitch);color:var(--cream);opacity:0;animation:.55s cubic-bezier(.2,.7,.2,1) forwards swatch-in;animation-delay:var(--delay,0s);background:#f6eee408;border-radius:16px;align-items:center;gap:.85rem;padding:.75rem 1rem;text-decoration:none;transition:border-color .25s,background .25s,transform .2s;display:flex;position:relative;overflow:hidden;transform:translate(-10px)}.swatch:hover{border-color:var(--gold);background:#f6eee40f;transform:translateY(-2px)}.swatch:active{transform:translateY(0)}.swatch-icon{width:40px;height:40px;color:var(--ink);background:var(--gold-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.swatch--facebook .swatch-icon{color:#12222f;background:#6fa8dc}.swatch--instagram .swatch-icon{background:linear-gradient(135deg,#f0a8a0,#d4a24c)}.swatch--tiktok .swatch-icon{background:var(--cream)}.swatch--zalo .swatch-icon{color:#0e2a30;background:#8fd0e0}.swatch--shopee .swatch-icon{background:var(--blush);color:#3a1410}.swatch-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.swatch-label{font-size:.92rem;font-weight:700}.swatch-sub{color:var(--muted);font-size:.74rem}.swatch-thread{background:var(--gold);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.swatch:hover .swatch-thread{width:100%}.footer-note{text-align:center;color:#f6eee459;margin-top:1.6rem;font-size:.72rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes blink{50%{opacity:0}}@keyframes swatch-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width<=380px){.card{padding:2.2rem 1.4rem 1.5rem}.brand-name{font-size:1.8rem}}:root{--bg:#17101c;--bg-soft:#241726;--card-bg:#211725;--gold:#d4a24c;--gold-soft:#e8c98a;--blush:#f0a8a0;--cream:#f6eee4;--ink:#120c14;--muted:#f6eee49e;--stitch:#f6eee447;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Manrope", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
