/* หน้า “เกี่ยวกับระบบ” — เปิดได้โดยไม่ต้องเข้าสู่ระบบ */
:root { --brand: #6a1f8b; --ink: #1d1626; --ink-2: #554a63; --line: #e7e0ee; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Anuphan Variable", "Anuphan", "Leelawadee UI", system-ui, sans-serif; color: var(--ink); line-height: 1.7; background: linear-gradient(180deg, #f6f1fa, #fff 420px); }
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 20px 56px; }
.top { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.top img { border-radius: 14px; box-shadow: 0 10px 24px -10px rgba(74, 17, 100, .6); }
h1 { margin: 0; font-size: 26px; line-height: 1.25; color: #2a0a3c; }
.top p { margin: 2px 0 0; color: var(--ink-2); font-size: 14.5px; }
section { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; margin-bottom: 16px; }
h2 { margin: 0 0 8px; font-size: 19px; color: var(--brand); }
h3 { margin: 18px 0 4px; font-size: 15.5px; }
p { margin: 0 0 10px; }
ul { margin: 0 0 6px; padding-left: 22px; }
a { color: var(--brand); }
.back { text-align: center; margin-top: 26px; }
.btn { display: inline-block; padding: 11px 26px; border-radius: 13px; background: linear-gradient(135deg, #9a3fc4, #6a1f8b); color: #fff; font-weight: 600; text-decoration: none; }