/* Original Paotung88 theme: layout follows the supplied local page structure. */
:root{color-scheme:dark}
html,body{background:#101720!important;color:#f2eee8!important;font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif}
.site.palette{--gold:#e8ae72!important;--accent:#d75b45!important;--accent-soft:#f5cf9d!important;--accent-deep:#b94c3a!important;--accent-text:#f7d6ad!important;--primary-1:#f5cf9d!important;--primary-2:#b94c3a!important;--secondary-1:#e8ae72!important;--secondary-2:#d75b45!important;--primary:#14212b!important;--secondary:#d75b45!important;--light:#f2eee8!important;--ink:#0b1219!important;--green:#12232c!important;background:#101720!important;color:#f2eee8!important}
.site{background:#101720!important;color:#f2eee8!important;overflow-x:clip}
.site:before{background:radial-gradient(circle at 88% 12%,#c9664420,transparent 27%),linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px)!important;background-size:auto,48px 48px,48px 48px!important;opacity:.55}
.site a{color:inherit}
.site .announce{background:#121c25!important;color:#b7c1c4!important;border-color:#e8ae7230!important}
.site .announce span,.site .announce b{color:#efbd84!important}
.site .header{background:#111a23ee!important;border-color:#e8ae7230!important;box-shadow:0 14px 44px #0008!important}
.site .logo img{display:block;width:min(224px,44vw);height:auto;max-height:54px;object-fit:contain}
.site .header nav a{color:#c1c7c7!important}
.site .header nav a:hover,.site .header nav a[aria-current="page"]{color:#f6d4ac!important}
.site .header nav a>span{color:#e8ae72!important}
.site .actions .external-link{min-height:44px;min-width:44px;height:auto;gap:4px;padding:7px 13px;border:1px solid #e8ae7258;border-radius:8px;background:#15222c;color:#f7d6ad!important}
.site .actions .external-link.register{background:#e8ae72;color:#17202a!important}
.site .external-link{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:12px 18px;border:1px solid #e8ae7266;border-radius:9px;background:#192731;color:#f4d1a6!important;text-decoration:none;font-size:13px;font-weight:800;line-height:1.35;text-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.site .external-link:hover{transform:translateY(-2px);border-color:#f0c28d;background:#22323c}
.site .external-link small{color:#bdc3c2;font-size:10px;font-weight:650;letter-spacing:.02em}
.site .external-link.register,.site .external-link.primary{background:#e8ae72;color:#18212a!important}
.site .external-link.register small,.site .external-link.primary small{color:#27323a}
.site .menuButton{color:#f0bf89!important;border:1px solid #e8ae7255!important;border-radius:9px!important;background:#192731!important}
.site .scrim{border:0;background:#0009}
.site .hero{background:#101a23!important;border-color:#d9825c55!important;box-shadow:0 30px 80px #0009!important}
.site .hero:before{border-color:#e8ae7230!important}
.site .hero:after{background:linear-gradient(90deg,#0b1219f2 0%,#0b1219b5 43%,#0b121940 100%),linear-gradient(0deg,#0b1219bb 0%,transparent 50%)!important}
.site .heroBg{background:linear-gradient(90deg,#0b1219bd,#0b121955 58%,#0b12191a),url('/assets/paotung88-hero.svg') center/cover no-repeat!important;opacity:.95!important;transform:none!important}
.site .heroMonogram{-webkit-text-stroke:1px #edbb7c28!important;opacity:.65!important}
.site .heroCopy{border-color:#e8ae72a6!important}
.site .heroEyebrow{color:#f0bf89!important}
.site .pill{border:1px solid #e8ae7244!important;border-radius:999px!important;background:#101a23c7!important;color:#edd2b0!important}
.site .hero h1{color:#f5f0e7!important;font-size:clamp(52px,6vw,82px)!important;line-height:1.05!important;letter-spacing:-.04em!important}
.site .hero h1 em{color:#e8ae72!important;font-family:Georgia,serif!important}
.site .heroText{max-width:600px;color:#c5ccca!important;font-size:clamp(14px,1.1vw,16px)!important;line-height:1.85!important}
.site .heroButtons a{min-height:48px;border-radius:9px!important;font-size:13px!important;font-weight:800!important}
.site .heroButtons a.primary,.site .heroButtons a:first-child{background:#e8ae72!important;color:#18212a!important}
.site .heroButtons a.secondary,.site .heroButtons a:last-child{border:1px solid #e8ae7266!important;background:#17232c!important;color:#f2d2ab!important}
.site .trust span{border-color:#e8ae7230!important;background:#111b24!important;color:#c0c8c7!important}
.site .heroSignal{border-color:#e8ae7266!important;background:#131f29e8!important}
.site .heroSignal span,.site .heroSignal strong,.site .heroSignal small{color:#f0bf89!important}
.site .section,.site .promotions,.site .articles,.site .reviews,.site .faq,.site .contentBlock,.site .legal,.site .auth,.site .memberLead,.site .homeSeoContent,.site .innerSection{background:#101720!important;color:#f2eee8!important}
.site .sectionIntro p,.site .sectionIntro>p,.site .sectionHead>div>p,.site .sectionHead small,.site .sectionIntro>span{color:#e8ae72!important}
.site .sectionIntro h2,.site .sectionHead h2,.site .faqHead h2,.site .reviewHead h2,.site .homeSeoContent h2{color:#f2eee8!important}
.site .sectionHead{border-color:#e8ae7230!important}
.site .features article,.site .promoGrid article,.site .articleGrid article,.site .sitemapGrid article,.site .faqList details,.site .contactGrid article,.site .values article{border:1px solid #e8ae7233!important;border-radius:14px!important;background:#17232d!important;box-shadow:0 14px 32px #0004!important}
.site .features article{min-height:205px;padding:28px!important}
.site .features article>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e8ae7266;border-radius:50%;color:#f1c18c;font-style:normal;font-size:12px;font-weight:800}
.site .features h3,.site .promoGrid h3,.site .articleGrid h3,.site .values h3,.site .contactGrid h3{color:#f3eee7!important}
.site .features p,.site .promoGrid p,.site .articleGrid p,.site .values p,.site .contactGrid p,.site .pageContent p,.site .faqList p{color:#bdc5c5!important;line-height:1.85!important}
.site .promoGrid article{min-height:255px;padding:28px!important}
.site .promoGrid article>small,.site .articleGrid article>small{color:#e8ae72!important}
.site .promoGrid article>a,.site .articleGrid article>a,.site .pageContent .text-link{color:#efbd84!important;text-decoration:underline;text-underline-offset:4px}
.site .articleVisual{display:grid;place-items:center;background:linear-gradient(135deg,#243743,#17232d)!important;border:1px solid #e8ae7230;border-radius:10px!important;color:#e8ae72!important;font-size:30px;font-weight:800}
.site .articleVisual span{opacity:.86}
.site .how,.site .memberSteps{background:#141f29!important;border-block:1px solid #e8ae7226!important}
.site .steps article,.site .memberSteps article{border:1px solid #e8ae7235!important;border-radius:14px!important;background:#192630!important}
.site .steps article>span,.site .steps i,.site .steps h3,.site .memberSteps h3{color:#f0bf89!important}
.site .steps p,.site .memberSteps article p{color:#bec6c6!important}
.site .how>a,.site .how-link{background:#e8ae72!important;color:#17212a!important;border-radius:8px!important}
.site .faqList{border-color:#e8ae7233!important}
.site .faqList details{border:0!important;border-bottom:1px solid #e8ae7233!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site .faqList summary{color:#f1eee8!important}
.site .faqList summary i{background:#e8ae72!important}
.site .faqList details p{color:#c0c7c6!important}
.site .homeSeoContent{border-color:#e8ae7230!important;background:#101720!important}
.site .seoContentIntro>h2,.site .seoContentGrid article>h2{color:#f3eee7!important}
.site .seoContentGrid article{border-color:#e8ae7230!important;background:transparent!important}
.site .seoContentGrid article>p{color:#c2c8c7!important}
.site .homeSeoContent .seoContentGrid article>span{color:#f4e8d2!important}
.site .innerHero{background:radial-gradient(circle at 50% 0,#26333a,#101720 68%)!important}
.site .innerHero small,.site .pageContent small{color:#e8ae72!important}
.site .innerHero h1{color:#f2eee8!important;font-size:clamp(32px,5vw,54px)!important;line-height:1.25!important}
.site .innerHero p{max-width:760px;color:#c1c8c8!important;line-height:1.85!important}
.site .pageContent{border-color:#e8ae7230!important}
.site .pageContent h2{color:#efbd84!important;font-size:clamp(23px,2.5vw,31px)!important}
.site .pageContent .copy-section{padding:22px 0;border-bottom:1px solid #e8ae7222}
.site .pageContent .copy-section h2{margin-top:0}
.site .page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding:22px;border:1px solid #e8ae7233;border-radius:12px;background:#17232d}
.site .page-actions p{flex:1 1 260px;margin:0}
.site .editorial-note{margin:32px 0;padding:22px 24px;border:1px solid #d9825c66;border-radius:12px;background:#201f20}
.site .editorial-note b{color:#f0bf89}
.site .editorial-note p{margin-bottom:0}
.site .sitemapGrid nav a{color:#d3d8d6!important}
.site .sitemapGrid nav .external-link{width:100%;margin:8px 0}
.site .footer{background:#0b1219!important;border-color:#e8ae7230!important}
.site .footer .brand>.logo img{height:auto!important;max-width:230px}
.site .footer .brand>.footerTerms{color:#b8c0c0!important}
.site .footer .links>b,.site .footer .links>div>b{color:#e8ae72!important}
.site .footer .links>a,.site .footer .bottom{color:#b5bdbc!important}
.site .footer .trust span{color:#c7cecc!important;border-color:#e8ae7230!important}
.site .bar{background:#131e27f5!important;border-color:#e8ae7266!important}
.site .bar>a{color:#f0d5b2!important}
.site .bar>a>img{width:34px;height:34px;object-fit:contain}
.site .bar .external-link{border-color:transparent!important;background:transparent!important;color:#f0d5b2!important;font-size:10px}
.site .bar .external-link small{color:#b7c0be!important;font-size:8px}
.site .bar .external-link:hover{transform:translateY(-2px)}
.site :focus-visible{outline:3px solid #f2c58f!important;outline-offset:3px!important}
.site .skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;background:#f4c18a;color:#111!important}
.site .skip-link:focus{top:10px}
@media(min-width:701px){.site .heroCopy{max-width:690px}.site .pageContent{max-width:980px}}
@media(max-width:700px){
 .site{padding-bottom:94px!important}
 .site .header{height:68px!important;padding-inline:14px!important}
 .site .actions .external-link{display:none!important}
 .site .menuButton{width:46px!important;height:46px!important;min-width:44px!important;min-height:44px!important;display:grid;place-items:center}
 .site .logo img{width:min(190px,55vw);max-height:48px}
 .site .header nav{background:#111b24!important}
 .site .header nav>a{min-height:52px;color:#d4d9d8!important}
 .site .drawerHead{color:#f0bf89!important}
 .site .drawerActions .external-link{min-height:46px;padding:5px 8px;font-size:10px}
 .site .drawerActions .external-link small{font-size:8px}
 .site .hero{min-height:610px!important;border-radius:18px!important}
 .site .heroBg{background:linear-gradient(0deg,#0b1219ee 4%,#0b121978 52%,#0b121944),url('/assets/paotung88-hero.svg') 62% center/cover no-repeat!important}
 .site .hero:after{background:linear-gradient(0deg,#0b1219ee 0%,#0b121988 60%,transparent 100%)!important}
 .site .heroCopy{margin-inline:22px!important}
 .site .hero h1{font-size:clamp(39px,11vw,52px)!important;line-height:1.12!important}
 .site .heroText{font-size:13px!important}
 .site .heroButtons{grid-template-columns:1fr 1fr;gap:8px}
 .site .heroButtons a{min-width:0;padding-inline:10px;font-size:11px!important}
 .site .features,.site .promoGrid,.site .articleGrid{grid-template-columns:1fr!important}
 .site .features article{min-height:0;padding:22px!important}
 .site .promoGrid article{min-height:0;padding:24px 20px!important}
 .site .pageContent{padding:22px 18px 90px!important}
 .site .page-actions{display:grid;padding:18px}
 .site .page-actions .external-link{width:100%}
 .site .footer .top{grid-template-columns:1fr 1fr!important}
 .site .footer .brand,.site .footer .top>.trust,.site .footer .top>.links:last-child{grid-column:1/-1!important}
 .site .footer .brand>.logo{margin-inline:0!important}
 .site .footer .bottom{gap:10px}
 .site .bar{right:5px!important;left:5px!important;width:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .site .bar>a{gap:2px!important;white-space:normal!important;font-size:9px!important}
 .site .bar .external-link{padding:2px!important}
 .site .bar .external-link small{max-width:100%;font-size:7px!important}
}
@media(prefers-reduced-motion:reduce){.site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}