:root{
  --brand:#e11d48; --ink:#0f172a; --muted:#475569; --bg:#ffffff; --soft:#fdf2f8;
  --radius:16px; --shadow:0 10px 24px rgba(225,17,72,.12);
}
*{box-sizing:border-box}
body{font-family:"Kanit",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Thai",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand);text-decoration:none} a:hover{opacity:.9}
.btn-brand{background:var(--brand);color:#fff;border:none;border-radius:12px;box-shadow:var(--shadow);padding:10px 16px}
.badge-soft{background:var(--soft);color:var(--brand);border:1px solid #fad1e8}
.avl-navbar{position:sticky;top:0;z-index:1020;backdrop-filter:saturate(160%) blur(10px);background:rgba(255,255,255,.85);border-bottom:1px solid #f3f4f6}
.hero{background:radial-gradient(1200px 600px at 10% -10%, #ffe4ef 0%, transparent 60%),radial-gradient(900px 500px at 90% 10%, #ffe4ef 0%, transparent 60%),var(--bg)}
.section-title{font-weight:700;letter-spacing:.2px} .section-sub{color:var(--muted)}
.card.border-soft{border:1px solid #f1f5f9;border-radius:var(--radius)}
.footer{background:#1a1a1a;color:#fff} .footer a{color:#fff;opacity:.9} .footer a:hover{opacity:1}
#goTopBtn{position:fixed;right:18px;bottom:22px;display:none;width:46px;height:46px;border-radius:50%;background:var(--brand);color:#fff;border:none;box-shadow:0 10px 24px rgba(225,17,72,.35)}
.form-status{display:none} .form-status.show{display:block} .success{color:#16a34a} .error{color:#ef4444}
.member-card{max-width:920px;margin:auto} .member-hero{background:linear-gradient(120deg,#fff 0%,#fff 60%, #ffe4ef 100%)}
.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.contact-btns a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #f1f5f9;margin-right:8px}
.contact-btns a:hover{background:#fff0f5}
small.help{color:var(--muted)}
.hp{position:absolute;left:-9999px;opacity:0;width:1px;height:1px} /* honeypot */
noscript.notice{display:block;background:#fff1f2;border-left:4px solid var(--brand);padding:12px;border-radius:10px;margin:8px 0}
