:root{--pink:#f22491;--pink-deep:#c9136f;--blush:#fff0f7;--gold:#bea25b;--ink:#171717;--muted:#68636a;--white:#fff;--shadow:0 12px 35px rgba(65,20,43,.12)}
*{box-sizing:border-box}
html{background:#f8f3f6}
body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:radial-gradient(circle at 12% 8%,rgba(242,36,145,.15),transparent 28rem),radial-gradient(circle at 90% 70%,rgba(190,162,91,.13),transparent 25rem),#f8f3f6;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.page{position:relative;width:min(100%,540px);min-height:100vh;margin:auto;padding:34px 22px 30px}
.profile{text-align:center}
.portrait-wrap{position:relative;width:126px;height:126px;margin:0 auto 18px;padding:4px;border-radius:50%;background:linear-gradient(140deg,var(--pink),var(--gold));box-shadow:0 10px 35px rgba(242,36,145,.25)}
.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:50%;border:4px solid #fff}
.monogram{position:absolute;right:-5px;bottom:2px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.16)}
.monogram img{width:29px;height:29px;object-fit:contain}
.brand{display:block;width:min(310px,76vw);height:auto;margin:0 auto 14px}
h1{font-family:"Playfair Display",serif;font-size:clamp(1.5rem,6vw,2rem);margin:0 0 7px;letter-spacing:-.02em}
.profile p{font-size:1rem;line-height:1.5;color:var(--muted);max-width:430px;margin:0 auto}
.links{display:grid;gap:13px;margin:28px 0 24px}
.card{min-height:78px;display:grid;grid-template-columns:46px 1fr 20px;gap:13px;align-items:center;padding:13px 15px;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.92);border:1px solid rgba(190,162,91,.28);border-radius:19px;box-shadow:0 7px 22px rgba(65,20,43,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover,.card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--gold);outline:none}
.card:active{transform:scale(.985)}
.card.featured{color:#fff;border:none;background:linear-gradient(135deg,var(--pink),var(--pink-deep));box-shadow:0 12px 30px rgba(242,36,145,.27)}
.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-weight:700;font-size:1rem;color:var(--pink-deep);background:var(--blush)}
.featured .icon{color:var(--pink-deep);background:#fff}
.whatsapp .icon{color:#0e8f57;background:#e7f8ef;font-size:1.35rem}
.card strong,.card small{display:block}
.card strong{font-size:1.02rem;line-height:1.25}
.card small{font-size:.82rem;line-height:1.35;margin-top:3px;color:var(--muted)}
.featured small{color:rgba(255,255,255,.84)}
.arrow{font-size:1.8rem;line-height:1;color:var(--gold)}
.featured .arrow{color:#fff}
.socials{display:flex;align-items:center;justify-content:center;gap:13px;font-weight:600}
.socials a{color:var(--pink-deep);text-decoration:none;padding:8px}
.socials a:hover,.socials a:focus-visible{text-decoration:underline;outline:none}
.socials span{color:var(--gold)}
.footer{text-align:center;color:var(--muted);font-size:.85rem;margin:15px 0 0}
@media (min-width:700px){.page{padding-top:48px}.card{min-height:82px}.links{margin-top:32px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}