:root{--bg:#202f35;--bg-elevated:#28393f;--teal:#3db8a4;--teal-soft:rgba(61,184,164,.16);--ivory:#f3efe7;--muted:#a7bab7;--divider:rgba(243,239,231,.14)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ivory);font-family:'Inter',-apple-system,sans-serif;min-height:100%}
body{display:flex;justify-content:center;align-items:flex-start;padding:6vh 24px 12vh;position:relative;overflow-x:hidden}
.watermark{position:fixed;bottom:-18vw;right:-14vw;width:46vw;height:46vw;max-width:620px;max-height:620px;border:1.5px solid rgba(61,184,164,.16);transform:rotate(45deg);pointer-events:none;z-index:0}
.page{position:relative;z-index:1;width:100%;max-width:440px;text-align:center}
.mark{width:88px;height:88px;border-radius:20px;overflow:hidden;margin:0 auto 22px;box-shadow:0 0 0 1px rgba(243,239,231,.1),0 14px 40px rgba(0,0,0,.4)}
.mark img{width:100%;height:100%;object-fit:cover;display:block}
h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(2.2rem,7vw,2.9rem);line-height:1.05;margin:0 0 6px;letter-spacing:-.01em}
.role{font-size:.78rem;letter-spacing:.2em;color:var(--teal);font-weight:600;margin:0 0 36px;text-transform:uppercase}
nav{display:flex;flex-direction:column;gap:12px}
a.link-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--divider);text-decoration:none;color:var(--ivory);transition:background-color .2s,border-color .2s,color .2s,transform .2s ease}
a.link-row:hover,a.link-row:focus-visible{transform:translateY(-2px)}
a.link-row:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}
a.link-row.whatsapp:hover,a.link-row.whatsapp:focus-visible{background:#25D366;border-color:#25D366;color:#10331f}
a.link-row.facebook:hover,a.link-row.facebook:focus-visible{background:#1877F2;border-color:#1877F2;color:#fff}
a.link-row.instagram:hover,a.link-row.instagram:focus-visible{background:#C1327A;border-color:#C1327A;color:#fff}
a.link-row.youtube:hover,a.link-row.youtube:focus-visible{background:#c4302b;border-color:#c4302b;color:#fff}
a.link-row.tiktok:hover,a.link-row.tiktok:focus-visible{background:#000;border-color:#69c9d0;color:#fff}
a.link-row.site:hover,a.link-row.site:focus-visible,a.link-row.custom:hover,a.link-row.custom:focus-visible{background:var(--teal);border-color:var(--teal);color:#0e2622}
.link-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}
.link-text{flex:1;text-align:left;min-width:0}
.link-label{font-size:1rem;font-weight:500;display:block}
.link-sub{display:block;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:2px}
a.link-row:hover .link-sub{color:inherit;opacity:.75}
.arrow{flex-shrink:0;width:18px;height:18px;stroke:currentColor;opacity:.55;transition:transform .2s,opacity .2s}
a.link-row:hover .arrow{transform:translateX(3px);opacity:1}
.footer-links{margin-top:38px;font-size:.72rem;color:var(--muted)}
.hidden-admin{display:inline-block;margin-top:14px;color:var(--muted);opacity:.18;font-size:13px;text-decoration:none;transition:.25s}
.hidden-admin:hover{opacity:.9;color:var(--teal)}
@media (prefers-reduced-motion:reduce){a.link-row,.arrow{transition:none}}