:root{
  --bg1:#faf7f4;
  --bg2:#f1dfd2;
  --brown:#6a3c26;
  --text:#221c19;
  --muted:#766b66;
  --shadow:0 18px 46px rgba(70,46,35,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text)}
body{
  background:
    radial-gradient(circle at 15% 88%, rgba(255,232,223,.95) 0, rgba(255,232,223,0) 26%),
    radial-gradient(circle at 87% 16%, rgba(238,214,198,.98) 0, rgba(238,214,198,0) 34%),
    linear-gradient(135deg,var(--bg1) 0%,#fbf9f7 44%,var(--bg2) 100%);
  min-height:100vh;
}
.page-shell{width:min(486px,calc(100% - 28px));margin:14px auto 18px}
.profile-card{
  position:relative;overflow:hidden;text-align:center;background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.98);border-radius:34px;padding:27px 28px 26px;box-shadow:var(--shadow);
}
.decor-circle{position:absolute;right:-25px;top:-38px;width:126px;height:126px;border-radius:50%;background:#f3eee9}
.logo-wrap{width:134px;height:134px;border-radius:50%;margin:0 auto 16px;background:#f5e9df;border:1px solid #e8d4c5;box-shadow:0 10px 24px rgba(99,63,43,.10);display:grid;place-items:center;overflow:hidden}
.brand-logo{width:100%;height:100%;object-fit:cover}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:4px;color:var(--brown);font-size:42px;line-height:1;margin:10px 0 8px}
.subtitle{font-size:12px;letter-spacing:6px;color:#8d6a59;margin-bottom:20px}
.description{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 19px}
.live-badge{display:inline-flex;align-items:center;gap:8px;background:#0f0f10;color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 9px 16px rgba(0,0,0,.12)}
.live-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#ff2d55;box-shadow:0 0 0 6px rgba(255,45,85,.14);animation:live-core 1.35s ease-in-out infinite;isolation:isolate}
.live-dot::before,.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#ff2d55;z-index:-1;animation:live-ring 1.8s ease-out infinite}
.live-dot::after{animation-delay:.9s}
.links{display:grid;gap:12px;margin-top:20px}
.action{min-height:76px;border-radius:22px;padding:12px 16px;display:grid;grid-template-columns:48px 1fr 34px;align-items:center;text-decoration:none;box-shadow:0 14px 28px rgba(62,40,29,.10);transition:transform .18s ease,box-shadow .18s ease}
.action:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(62,40,29,.14)}
.action-dark{background:#201917;color:#fff}
.action-whatsapp{background:linear-gradient(90deg,#10a983,#25d366);color:#fff}
.action-light{background:rgba(255,255,255,.94);color:#201917}
.icon-box{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58)}
.action-dark .icon-box,.action-whatsapp .icon-box{background:rgba(255,255,255,.08)}
.action-light .icon-box{background:#fff;border-color:#eee6e0}
.icon-box img{width:24px;height:24px;display:block}
.copy{display:flex;flex-direction:column;gap:4px;text-align:left;padding-left:12px}
.copy strong{font-size:15.5px;line-height:1.2}
.copy small{font-size:11.5px;opacity:.78;line-height:1.3}
.arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:28px;line-height:1}
.action-dark .arrow{background:#514947;color:#fff}
.action-whatsapp .arrow{background:rgba(255,255,255,.17);color:#fff}
.action-light .arrow{background:#f3eeea;color:#2c2421}
footer{text-align:center;padding:40px 0 0;color:#7e685e;font-size:12px;display:flex;flex-direction:column;gap:6px}
footer strong{color:#6e4734}
@keyframes live-core{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.18);filter:brightness(1.18)}}
@keyframes live-ring{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(3.5);opacity:0}}
@media (max-width:520px){
 .page-shell{width:min(100% - 18px,486px);margin-top:9px}
 .profile-card{border-radius:30px;padding:22px 18px 24px}
 .logo-wrap{width:118px;height:118px}
 h1{font-size:36px}
 .subtitle{letter-spacing:5px}
 .description{font-size:14px}
 .action{grid-template-columns:46px 1fr 32px;min-height:72px;padding:11px 13px;border-radius:20px}
 .copy{padding-left:10px}.copy strong{font-size:14.5px}.copy small{font-size:10.8px}
}