:root{--ink:#171629;--muted:#65647a;--purple:#612bd4;--line:#e5e3ee}*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:var(--ink);font-family:"Noto Sans Thai",sans-serif;font-size:16px}.legal-page{width:min(940px,calc(100% - 32px));margin:34px auto 70px}.legal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.legal-nav img{display:block;width:170px;border-radius:12px}.legal-nav div{display:flex;gap:18px}.legal-nav a,.legal-content a{color:var(--purple);font-weight:700;text-decoration:none}.legal-hero{padding:clamp(28px,6vw,58px);border-radius:26px;background:linear-gradient(135deg,#23104f,#7138df);color:#fff;box-shadow:0 20px 55px rgba(43,26,91,.18)}.legal-hero small{letter-spacing:.14em;font-weight:800}.legal-hero h1{font-size:clamp(2rem,6vw,3.7rem);line-height:1.12;margin:12px 0}.legal-hero p{max-width:720px;font-size:1.05rem;line-height:1.8}.legal-hero span{display:inline-block;margin-top:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.85rem}.legal-content{margin-top:20px;display:grid;gap:14px}.legal-content article{padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:#fff}.legal-content h2{font-size:1.25rem;margin:0 0 8px}.legal-content p{color:#48475c;line-height:1.85;margin:0}.contact-card{background:#f1edff!important;border-color:#d7cef6!important}.legal-footer{text-align:center;color:var(--muted);font-size:.8rem;line-height:2;padding:26px 10px}.legal-footer a{color:#4f2bb8}@media(max-width:640px){.legal-nav{align-items:flex-start;gap:12px}.legal-nav div{flex-direction:column;gap:5px;text-align:right}.legal-content article{padding:20px}.legal-footer{font-size:.72rem}}