:root{--ink:#332b2b;--muted:#6f6260;--card:#fff0e5;--line:#d8c5ba}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;background:#b9aaa1;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.link-page{width:min(100%,574px);min-height:100vh;margin:40px auto 0;padding:70px 28px 24px;background:var(--card);border-radius:22px 22px 0 0;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 35px #41373017}
.profile-photo{width:96px;height:96px;object-fit:cover;border-radius:50%;display:block}
h1{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin:16px 0 10px}
.intro{max-width:440px;margin:0 0 28px;font-size:15px;line-height:1.55;text-align:left}
.links{width:100%}.group-list{display:grid;gap:14px;color:var(--muted);font-size:14px}
.group-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:12px 12px 16px;border:1px solid var(--line);border-radius:16px;background:#fff2e9;transition:transform .15s,box-shadow .15s}.group-card:hover,.group-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px #463a3225;outline-color:#9a655c}
.group-card-image{width:min(100%,300px);aspect-ratio:1;object-fit:cover;border-radius:9px;display:block}
.group-card-copy{display:grid;gap:4px;padding-top:12px;text-align:center}.group-card-copy strong{font-size:16px;color:var(--ink)}.group-card-copy small{font-size:12px;color:var(--muted)}
.group-card-arrow{font-size:18px;color:#80534e;margin-top:6px}.group-card-icon{display:none}
.group-card:not(.featured){min-height:70px;flex-direction:row;gap:14px;padding:13px 18px;background:#fff7f1}.group-card:not(.featured) .group-card-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:10px;background:#f7e0e4;font-size:26px;color:#9a5270}.group-card:not(.featured) .group-card-copy{padding:0;text-align:left}.group-card:not(.featured) .group-card-arrow{margin:0 0 0 auto}
.instagram-link{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;margin-top:14px;padding:12px 18px;background:#fff7f1;border:1px solid var(--line);border-radius:15px;text-align:left;font-size:15px}.instagram-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#f6dbe5;color:#9f4567;font-size:31px;line-height:1}.link-arrow{margin-left:auto;font-size:20px;color:#80534e}
.small-note{max-width:430px;margin:auto 0 0;padding-top:30px;font-size:11px;line-height:1.5;color:#826f6b}.privacy-link{border:0;background:none;text-decoration:underline;color:#795b58;font-size:11px;margin-top:12px}.copyright{font-size:10px;color:#8a7772;margin-top:8px}
.consent{width:min(430px,calc(100vw - 32px));max-width:430px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fffaf6;color:var(--ink);box-shadow:0 22px 60px #281b1d55;text-align:center}.consent::backdrop{background:#2d211fb0}.consent h2{font-size:22px;margin:0 0 10px}.consent p{margin:0 0 20px;font-size:14px;line-height:1.5;color:#594e4b}.consent>div{display:grid;gap:9px}.consent button{width:100%;border:1px solid #ad887f;border-radius:10px;background:#fffaf6;color:var(--ink);font-size:14px;font-weight:700;padding:13px}.consent #accept-pixel{background:#77504f;border-color:#77504f;color:white}
dialog{border:1px solid var(--line);border-radius:16px;padding:24px;max-width:min(480px,calc(100vw - 32px));color:var(--ink);box-shadow:0 25px 55px #20121e55}dialog::backdrop{background:#28162299}dialog h2{margin:0 0 12px;font-size:20px}dialog p{font-size:14px;line-height:1.55;color:var(--muted)}.privacy-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.privacy-actions button{border:1px solid #d8bdc9;border-radius:9px;background:#fff;color:var(--ink);font-size:12px;padding:10px}
@media(max-width:600px){body{background:var(--card)}.link-page{width:100%;min-height:100dvh;margin:0;padding:36px 20px 24px;border-radius:0;box-shadow:none}.profile-photo{width:88px;height:88px}h1{font-size:25px}.intro{font-size:14px;margin-bottom:23px}.group-card-image{width:min(100%,260px)}}