:root { color-scheme:dark; --bg:#050708; --text:#f7f8f8; --muted:#a8afb4; --line:rgba(255,255,255,.11); --orange:#ff681d; --green:#27d34f; }
* { box-sizing:border-box; }
html { width:100%; height:100%; min-width:320px; overflow:hidden!important; background:var(--bg); overscroll-behavior:none; }
body { position:fixed; inset:0; width:100%; height:100%; margin:0; overflow:hidden!important; overscroll-behavior:none; touch-action:pan-x; color:var(--text); background:var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
#app { position:fixed; inset:0; overflow:hidden!important; }
a { color:inherit; }
.page { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); background:radial-gradient(circle at 50% 13%,rgba(255,104,29,.13),transparent 30%),radial-gradient(circle at 50% 82%,rgba(0,181,255,.06),transparent 34%),#050708; isolation:isolate; }
.page::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.28; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.ambient { position:absolute; z-index:-1; border-radius:50%; filter:blur(100px); pointer-events:none; }
.ambient--one { width:260px; height:260px; top:-150px; right:-100px; background:rgba(255,96,20,.18); }
.ambient--two { width:240px; height:240px; bottom:-170px; left:-120px; background:rgba(0,181,255,.1); }
.profile { width:min(100%,470px); text-align:center; }
.brand-mark { width:80px; height:80px; margin:0 auto 15px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,126,40,.72); border-radius:24px; background:#ff5a08; box-shadow:0 0 0 7px rgba(255,104,29,.035),0 0 36px rgba(255,104,29,.22),inset 0 1px rgba(255,255,255,.12); }
.brand-mark img { width:100%; height:100%; display:block; object-fit:cover; }
.eyebrow { margin:0 0 5px; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.26em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(34px,9.6vw,46px); line-height:.98; font-weight:900; letter-spacing:-.06em; text-transform:uppercase; }
h1 em { color:var(--orange); font-style:normal; }
.description { width:min(92%,390px); margin:12px auto 15px; color:#d3d7d9; font-size:14px; line-height:1.45; }
.social-proof { width:max-content; max-width:100%; margin:0 auto 18px; padding:6px 13px 6px 7px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:999px; background:rgba(18,23,26,.86); box-shadow:0 8px 25px rgba(0,0,0,.25); }
.social-proof strong { color:#cbd0d3; font-size:10px; font-weight:700; white-space:nowrap; }
.proof-faces { display:flex; }
.proof-faces i { width:23px; height:23px; margin-left:-5px; display:grid; place-items:center; border:2px solid #11161a; border-radius:50%; color:#fff; background:linear-gradient(135deg,#ff7b32,#8d2f16); font-size:8px; font-style:normal; font-weight:800; }
.proof-faces i:first-child { margin-left:0; background:linear-gradient(135deg,#6a8eff,#283a7c); }
.proof-faces i:nth-child(2) { background:linear-gradient(135deg,#ffcc55,#8f5912); }
.proof-faces i:nth-child(3) { background:linear-gradient(135deg,#ef6cae,#7b244e); }
.proof-faces i:last-child { background:#252c30; }
.link-stack { display:grid; gap:14px; margin-top:2px; }
.secondary-links { display:grid; gap:12px; }
.link-card { position:relative; min-height:62px; padding:9px 13px; display:flex; align-items:center; gap:13px; overflow:hidden; color:#fff; text-align:left; text-decoration:none; border:1px solid rgba(255,255,255,.14); border-radius:19px; background:linear-gradient(125deg,#171d20,#0c1012); box-shadow:0 11px 25px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07); transition:transform .18s ease,filter .18s ease; -webkit-tap-highlight-color:transparent; }
.link-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 28%,transparent 75%,rgba(255,255,255,.04)); }
.link-card:hover { transform:translateY(-2px); filter:brightness(1.08); }
.link-card:active { transform:scale(.985); }
.link-card:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.link-card__icon { position:relative; z-index:1; flex:0 0 43px; width:43px; height:43px; display:grid; place-items:center; border-radius:14px; background:rgba(0,0,0,.14); }
.link-card__icon svg { width:27px; height:27px; fill:currentColor; }
.emoji-icon { display:block; font-size:27px; line-height:1; filter:saturate(1.05) drop-shadow(0 1px rgba(255,255,255,.28)); }
.link-card__copy { position:relative; z-index:1; min-width:0; flex:1; display:grid; gap:2px; }
.link-card__copy strong { overflow:hidden; font-size:13px; line-height:1.08; font-weight:850; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.link-card__copy small { overflow:hidden; color:rgba(255,255,255,.84); font-size:10px; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.link-card__arrow { position:relative; z-index:1; width:21px; opacity:.9; }
.link-card__arrow svg { width:19px; height:19px; fill:currentColor; }
.link-card--primary { min-height:74px; border-color:rgba(130,255,155,.36); border-radius:21px; color:#fff; background:linear-gradient(120deg,#21b941,#2cdd52 55%,#1bb637); box-shadow:0 12px 32px rgba(24,219,71,.3),0 0 22px rgba(33,215,72,.13),inset 0 1px rgba(255,255,255,.22); animation:ctaGlow 2.8s ease-in-out infinite; }
.link-card--primary .link-card__icon { width:46px; flex-basis:46px; height:46px; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:rgba(255,255,255,.1); }
.link-card--primary .link-card__icon svg { width:30px; height:30px; }
.link-card--primary .link-card__copy strong { font-size:14px; }
.link-card--primary .link-card__copy small { font-size:11px; }
.link-card--shopee { border-color:rgba(255,111,35,.5); background:linear-gradient(120deg,#ff6b21,#e84716); box-shadow:0 10px 26px rgba(255,76,16,.2),inset 0 1px rgba(255,255,255,.2); }
.link-card--mercado_livre { color:#171717; border-color:rgba(255,225,50,.6); background:linear-gradient(120deg,#ffd51c,#f2b900); box-shadow:0 10px 26px rgba(255,205,0,.18),inset 0 1px rgba(255,255,255,.38); }
.link-card--mercado_livre .link-card__copy small { color:rgba(0,0,0,.68); }
.link-card--tiktok { background:linear-gradient(125deg,#1a2023,#0a0d0f); }
.is-disabled { cursor:not-allowed; }
.benefits { margin-top:17px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.benefits article { min-width:0; padding:13px 7px 11px; display:grid; justify-items:center; gap:7px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(145deg,rgba(23,29,32,.94),rgba(9,13,15,.94)); box-shadow:0 10px 25px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035); }
.benefits article>svg { width:25px; height:25px; fill:var(--orange); filter:drop-shadow(0 0 7px rgba(255,104,29,.22)); }
.benefits p { margin:0; display:grid; gap:4px; }
.benefits strong { font-size:9px; line-height:1.15; font-weight:850; text-transform:uppercase; }
.benefits span { color:#8f979b; font-size:8px; line-height:1.25; }
.trust-card { margin-top:15px; padding:11px 14px; display:flex; align-items:center; gap:12px; text-align:left; border:1px solid rgba(255,104,29,.55); border-radius:18px; background:linear-gradient(125deg,rgba(20,25,28,.94),rgba(10,13,15,.94)); box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035); }
.trust-card>svg { flex:0 0 30px; width:30px; height:30px; fill:var(--orange); filter:drop-shadow(0 0 8px rgba(255,104,29,.28)); }
.trust-card p { margin:0; display:grid; gap:2px; }
.trust-card strong { color:var(--orange); font-size:10px; font-weight:900; text-transform:uppercase; }
.trust-card span { color:#c7cbcd; font-size:9px; line-height:1.3; }
footer { margin-top:13px; color:#555d61; font-size:8px; }
@keyframes ctaGlow { 50% { box-shadow:0 15px 38px rgba(24,219,71,.4),0 0 28px rgba(33,215,72,.18),inset 0 1px rgba(255,255,255,.22); } }
@media (min-width:700px) { .profile { padding:22px 25px 18px; border:1px solid rgba(255,104,29,.22); border-radius:32px; background:linear-gradient(145deg,rgba(14,19,22,.94),rgba(5,8,9,.92)); box-shadow:0 32px 100px rgba(0,0,0,.55),0 0 60px rgba(255,104,29,.05),inset 0 1px rgba(255,255,255,.04); } }
@media (min-width:900px) {
  .profile { width:min(100%,600px); padding:28px 34px 24px; border-radius:36px; }
  .brand-mark { width:88px; height:88px; margin-bottom:17px; border-radius:27px; }
  h1 { font-size:52px; }
  .description { width:min(94%,470px); margin:14px auto 17px; font-size:16px; line-height:1.5; }
  .social-proof { margin-bottom:20px; padding:7px 15px 7px 8px; }
  .social-proof strong { font-size:12px; }
  .proof-faces i { width:27px; height:27px; font-size:9px; }
  .link-card--primary { min-height:82px; padding:11px 16px; }
  .link-card--primary .link-card__icon { width:51px; height:51px; flex-basis:51px; }
  .link-card--primary .link-card__copy strong { font-size:17px; }
  .link-card--primary .link-card__copy small { font-size:13px; }
  .benefits { margin-top:20px; gap:12px; }
  .benefits article { min-height:104px; padding:16px 12px 14px; gap:9px; border-radius:20px; }
  .benefits article>svg { width:32px; height:32px; }
  .benefits p { gap:5px; }
  .benefits strong { font-size:12px; line-height:1.2; }
  .benefits span { font-size:10px; line-height:1.35; }
  .trust-card { margin-top:18px; padding:13px 17px; border-radius:20px; }
  .trust-card>svg { width:35px; height:35px; flex-basis:35px; }
  .trust-card strong { font-size:12px; }
  .trust-card span { font-size:11px; }
  footer { margin-top:14px; font-size:9px; }
}
@media (max-height:650px) { .brand-mark { width:58px; height:58px; margin-bottom:8px; border-radius:18px; } h1 { font-size:31px; } .description { margin:7px auto 9px; font-size:12px; } .social-proof { display:none; } .link-stack { gap:9px; } .link-card { min-height:64px; } .link-card__icon { width:39px; height:39px; flex-basis:39px; } .benefits { margin-top:10px; } .benefits article { padding-block:9px; } .trust-card { margin-top:9px; } footer { display:none; } }
@media (max-height:540px) { .brand-mark { display:none; } .eyebrow { font-size:8px; } h1 { font-size:28px; } .description { margin:5px auto 7px; line-height:1.25; } .link-card { min-height:48px; } .link-card--primary { min-height:57px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }