*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai",sans-serif;color:#202338;background:#fffdf9;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #f1eadf}.nav{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;letter-spacing:-1px;margin-right:auto}.brand>span:last-child>span{color:#ff6b35}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#ff7148,#ffb347);color:#fff;font-size:25px;font-weight:900;box-shadow:0 9px 22px #ffb37b55}.nav nav{display:flex;gap:27px;font-size:14px;font-weight:700}.nav nav a:hover{color:#f35c32}.nav-btn,.primary{background:#202338;color:#fff;border-radius:14px;padding:11px 19px;font-weight:800;box-shadow:0 10px 25px #20233822}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff9ee 0%,#fff4df 48%,#eef8ff 100%);min-height:690px;padding:85px 0}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:#ef6335;font-size:12px;font-weight:900;letter-spacing:2px}.eyebrow{background:#fff;border:1px solid #f4dfc8;border-radius:999px;padding:7px 13px}.hero h1{font-size:clamp(42px,5.3vw,70px);line-height:1.08;letter-spacing:-3px;margin:23px 0 20px}.hero h1 strong{color:#f2673b}.lead{max-width:650px;color:#64677a;font-size:17px}.hero-actions{display:flex;gap:12px;margin:30px 0}.primary{display:inline-flex;gap:18px;align-items:center;background:linear-gradient(135deg,#ff6635,#ff9a45)}.secondary{border:1px solid #ded7cb;background:#fff;padding:11px 19px;border-radius:14px;font-weight:800}.mini-stats{display:flex;gap:30px;margin-top:38px}.mini-stats div{display:flex;flex-direction:column}.mini-stats b{font-size:12px}.mini-stats small{color:#8b8d9a}.hero-art{position:relative;height:470px}.sun{position:absolute;width:390px;height:390px;border-radius:50%;right:25px;top:20px;background:linear-gradient(145deg,#ffe39b,#ffd0a5)}.game-table{position:absolute;width:430px;height:290px;right:35px;top:90px;transform:rotate(-4deg);border-radius:28px;background:linear-gradient(145deg,#f7a05d,#e87b49);box-shadow:0 30px 50px #bb704044;padding:24px}.table-top{height:190px;border-radius:18px;background:#fff7e6;border:3px solid #f4c17e;position:relative;padding:23px}.board-title{font-size:17px;color:#ff7341;line-height:1.2}.board-title strong{font-size:27px;color:#27283b}.dice{position:absolute;right:28px;top:22px;font-size:48px}.cards{position:absolute;right:25px;bottom:20px;display:flex;gap:5px}.cards i{width:43px;height:58px;border-radius:7px;background:#fff;border:2px solid #f1b16f;transform:rotate(10deg)}.cards i:nth-child(2){transform:rotate(-4deg)}.cards i:nth-child(3){transform:rotate(8deg)}.table-bottom{display:flex;justify-content:space-around;color:#fff;font-size:38px;padding-top:12px}.floating-card{position:absolute;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 18px 35px #8d6e4b2b;font-size:34px;z-index:2;color:#ff6939}.floating-card small{display:block;font-size:9px;letter-spacing:1.5px;color:#777}.card-a{left:12px;top:80px;transform:rotate(-10deg)}.card-b{right:0;bottom:52px;transform:rotate(8deg)}.hero-orb{position:absolute;border-radius:50%}.orb1{width:120px;height:120px;background:#bdeaff;left:-45px;bottom:40px}.orb2{width:70px;height:70px;background:#ffd27a;right:8%;top:30px}.intro,.games-section,.guide,.activities,.faq{padding:100px 0}.intro{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2,.guide h2,.faq h2{font-size:clamp(29px,3.5vw,45px);line-height:1.15;letter-spacing:-1.7px;margin:7px 0 0}.section-head p{max-width:390px;color:#77798a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:32px;border-radius:25px;min-height:270px}.feature.peach{background:#fff0e7}.feature.blue{background:#eaf7ff}.feature.yellow{background:#fff8d9}.icon{font-size:37px}.feature h3{font-size:24px;margin:14px 0 7px}.feature p{color:#666979}.feature a,.game-body a{font-weight:900;color:#ef6335}.games-section{background:#fbfaf7}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{background:#fff;border:1px solid #eee8df;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #51452b0b}.game-visual{height:210px;position:relative;display:grid;place-items:center;font-size:90px}.game-visual span{position:absolute;right:15px;top:15px;background:#fff;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900}.visual1{background:linear-gradient(135deg,#ffd4c2,#ff9b72)}.visual2{background:linear-gradient(135deg,#ccecff,#8dd3ff)}.visual3{background:linear-gradient(135deg,#ffeaa6,#ffd35e)}.game-body{padding:23px}.tag{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ef6335}.game-body h3{font-size:21px;line-height:1.3;margin:7px 0}.game-body p{color:#737587;font-size:14px}.guide{background:linear-gradient(135deg,#202338,#353951);color:#fff}.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.guide h2{color:#fff}.guide p{color:#c9ccda}.check-list{display:grid;gap:12px}.check-list>div{display:flex;gap:18px;align-items:center;background:#ffffff0d;border:1px solid #ffffff12;padding:17px;border-radius:17px}.check-list b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ff7b45;color:#fff;font-size:12px}.check-list span{display:flex;flex-direction:column}.check-list strong{font-size:15px}.check-list small{color:#b8bbca}.activities{background:#fff}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity{padding:29px;border:1px solid #eee7dc;border-radius:23px;background:#fffdfa}.activity>span{font-size:35px}.activity h3{margin:10px 0 5px}.activity p{color:#707282}.faq{background:#f7fbff}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.faq-list{display:grid;gap:10px}.faq details{background:#fff;border:1px solid #e7edf2;border-radius:15px;padding:0 20px}.faq summary{cursor:pointer;padding:17px 0;font-weight:800}.faq details p{color:#707282;padding:0 0 17px;margin:0}footer{background:#202338;color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{margin-bottom:13px}.footer-grid p{color:#b9bdcb;max-width:470px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid b{margin-bottom:8px}.footer-grid a:not(.brand){color:#b9bdcb}.copyright{border-top:1px solid #ffffff16;margin-top:40px;padding-top:18px;color:#858a9e;font-size:12px}@media(max-width:900px){.nav nav{display:none}.hero-grid,.guide-grid,.faq-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero-art{height:390px}.game-table{right:50%;transform:translateX(50%) rotate(-4deg)}.card-a{left:5%}.card-b{right:4%}.feature-grid,.game-grid,.activity-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:520px){.nav{height:68px}.nav-btn{display:none}.hero h1{font-size:43px;letter-spacing:-2px}.mini-stats{gap:15px}.hero-art{height:330px}.sun{width:270px;height:270px;right:50%;transform:translateX(50%)}.game-table{width:330px;height:225px;top:60px;padding:17px}.table-top{height:145px;padding:15px}.board-title strong{font-size:20px}.dice{font-size:32px}.cards i{width:30px;height:42px}.table-bottom{font-size:27px}.floating-card{padding:10px 13px;font-size:24px}.card-a{top:45px}.card-b{bottom:20px}.intro,.games-section,.guide,.activities,.faq{padding:70px 0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}