*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,'Noto Sans Thai',sans-serif;color:#29334d;background:#f8f9ff;line-height:1.7}a{text-decoration:none;color:inherit}button,input{font:inherit}header{position:sticky;top:0;z-index:10;background:#ffffffee;backdrop-filter:blur(16px);border-bottom:1px solid #eae9f6}.nav{max-width:1180px;margin:auto;padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:900;color:#6850b5;font-size:20px}.links{display:flex;gap:20px;flex-wrap:wrap}.links a:hover{color:#8b55dc}.hero{background:radial-gradient(circle at 10% 10%,#fff4c8,transparent 35%),radial-gradient(circle at 90% 25%,#f4d6ff,transparent 42%),linear-gradient(135deg,#e6f7ff,#f8eefe);padding:65px 20px}.wrap{max-width:1180px;margin:auto}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.eyebrow{display:inline-block;background:#fff;padding:8px 16px;border-radius:30px;color:#8b52b4;font-weight:bold}.hero h1{font-size:clamp(32px,4.5vw,58px);line-height:1.28;margin:18px 0;color:#55428c}.hero p{font-size:19px}.hero-img{width:100%;max-height:510px;object-fit:cover;object-position:center 35%;border-radius:35px;box-shadow:0 22px 55px #6b5b9a38;border:8px solid white}.btn{display:inline-block;padding:12px 22px;border-radius:30px;background:#7657c5;color:white;font-weight:bold;margin:8px 8px 0 0;transition:.2s}.btn:hover{transform:translateY(-2px);background:#5b3da7}.btn.secondary{background:white;color:#7356b7;border:1px solid #ddd3f4}.section{padding:72px 20px}.section.alt{background:#eef7ff}.section h2{font-size:clamp(26px,3vw,38px);margin:0;color:#594497}.lead{color:#68748a;margin:5px 0 28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 8px 26px #28335412;border:1px solid #e8eaf6;display:flex;flex-direction:column}.thumb{height:205px;background:linear-gradient(135deg,#e7d9ff,#d4f6ff);display:flex;align-items:center;justify-content:center;font-size:65px;overflow:hidden}.thumb img{height:100%;width:100%;object-fit:cover;object-position:top}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.card h3{margin:0 0 7px;font-size:19px;color:#423568}.card p{margin:0 0 15px;color:#657188}.card .btn{align-self:flex-start;margin-top:auto;font-size:14px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chip{border:1px solid #dcd5f4;background:white;padding:8px 16px;border-radius:25px;cursor:pointer;color:#5c4c91}.chip.active{background:#7454c4;color:white}.game-art{font-size:76px;background:linear-gradient(130deg,#fff1bd,#e9d8ff,#c9f3ff)}.about{background:white;border-radius:25px;padding:30px;max-width:820px;box-shadow:0 8px 24px #28335410}.muted{color:#657188}.footer{background:#463a74;color:#fff;text-align:center;padding:36px 20px}.hidden{display:none!important}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-img{max-height:430px;width:min(100%,420px);justify-self:center}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.links{gap:10px;font-size:14px}}@media(max-width:580px){.nav{flex-direction:column;align-items:flex-start}.links{gap:12px}.hero{padding:38px 18px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.section{padding:48px 18px}.thumb{height:230px}}