/* Original Paotung88 theme: layout follows the supplied local page structure. */
:root{color-scheme:dark}
html,body{background:#0c0c0c!important;color:#ffffff!important;font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif}
.site.palette{--gold:#ffe500!important;--accent:#b80000!important;--accent-soft:#ffb000!important;--accent-deep:#370000!important;--accent-text:#ffe500!important;--primary-1:#ffb000!important;--primary-2:#370000!important;--secondary-1:#ffe500!important;--secondary-2:#b80000!important;--primary:#0c0c0c!important;--secondary:#b80000!important;--light:#ffffff!important;--ink:#0c0c0c!important;--green:#370000!important;background:#0c0c0c!important;color:#ffffff!important}
.site{background:#0c0c0c!important;color:#ffffff!important;overflow-x:clip}
.site:before{background:radial-gradient(circle at 88% 12%,#b8000020,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:#1f2124!important;color:#c7c7c7!important;border-color:#b8000030!important}
.site .announce span,.site .announce b{color:#ffe500!important}
.site .header{background:#1f2124ee!important;border-color:#b8000030!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:#c7c7c7!important}
.site .header nav a:hover,.site .header nav a[aria-current="page"]{color:#ffe500!important}
.site .header nav a>span{color:#ffe500!important}
.site .actions .external-link{min-height:44px;min-width:44px;height:auto;gap:4px;padding:7px 13px;border:1px solid #b8000058;border-radius:8px;background:#1f2124;color:#ffe500!important}
.site .actions .external-link.register{background:#ffe500;color:#0c0c0c!important}
.site .external-link{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:12px 18px;border:1px solid #b8000066;border-radius:9px;background:#1f2124;color:#ffc100!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:#ffe500;background:#33373d}
.site .external-link small{color:#c7c7c7;font-size:10px;font-weight:650;letter-spacing:.02em}
.site .external-link.register,.site .external-link.primary{background:#ffe500;color:#0c0c0c!important}
.site .external-link.register small,.site .external-link.primary small{color:#0c0c0c}
.site .menuButton{color:#ffe500!important;border:1px solid #b8000055!important;border-radius:9px!important;background:#1f2124!important}
.site .scrim{border:0;background:#0009}
.site .hero{background:#0c0c0c!important;border-color:#b8000055!important;box-shadow:0 30px 80px #0009!important}
.site .hero:before{border-color:#b8000030!important}
.site .hero:after{background:linear-gradient(90deg,#0c0c0cf2 0%,#0c0c0cb5 43%,#0c0c0c40 100%),linear-gradient(0deg,#0c0c0cbb 0%,transparent 50%)!important}
.site .heroBg{background:linear-gradient(90deg,#0c0c0cbd,#0c0c0c55 58%,#0c0c0c1a),url('/assets/paotung88-hero.svg') center/cover no-repeat!important;opacity:.95!important;transform:none!important}
.site .heroMonogram{-webkit-text-stroke:1px #ffe50028!important;opacity:.65!important}
.site .heroCopy{border-color:#b80000a6!important}
.site .heroEyebrow{color:#ffe500!important}
.site .pill{border:1px solid #b8000044!important;border-radius:999px!important;background:#0c0c0cc7!important;color:#ffc100!important}
.site .hero h1{color:#ffffff!important;font-size:clamp(52px,6vw,82px)!important;line-height:1.05!important;letter-spacing:-.04em!important}
.site .hero h1 em{color:#ffe500!important;font-family:Georgia,serif!important}
.site .heroText{max-width:600px;color:#c7c7c7!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:#ffe500!important;color:#0c0c0c!important}
.site .heroButtons a.secondary,.site .heroButtons a:last-child{border:1px solid #b8000066!important;background:#1f2124!important;color:#ffe500!important}
.site .trust span{border-color:#b8000030!important;background:#1f2124!important;color:#c7c7c7!important}
.site .heroSignal{border-color:#b8000066!important;background:#1f2124e8!important}
.site .heroSignal span,.site .heroSignal strong,.site .heroSignal small{color:#ffe500!important}
.site .section,.site .promotions,.site .articles,.site .reviews,.site .faq,.site .contentBlock,.site .legal,.site .auth,.site .memberLead,.site .homeSeoContent,.site .innerSection{background:#0c0c0c!important;color:#ffffff!important}
.site .sectionIntro p,.site .sectionIntro>p,.site .sectionHead>div>p,.site .sectionHead small,.site .sectionIntro>span{color:#ffe500!important}
.site .sectionIntro h2,.site .sectionHead h2,.site .faqHead h2,.site .reviewHead h2,.site .homeSeoContent h2{color:#ffffff!important}
.site .sectionHead{border-color:#b8000030!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 #b8000033!important;border-radius:14px!important;background:#1f2124!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 #b8000066;border-radius:50%;color:#ffe500;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:#ffffff!important}
.site .features p,.site .promoGrid p,.site .articleGrid p,.site .values p,.site .contactGrid p,.site .pageContent p,.site .faqList p{color:#c7c7c7!important;line-height:1.85!important}
.site .promoGrid article{min-height:255px;padding:28px!important}
.site .promoGrid article>small,.site .articleGrid article>small{color:#ffe500!important}
.site .promoGrid article>a,.site .articleGrid article>a,.site .pageContent .text-link{color:#ffe500!important;text-decoration:underline;text-underline-offset:4px}
.site .articleVisual{display:grid;place-items:center;background:linear-gradient(135deg,#33373d,#1f2124)!important;border:1px solid #b8000030;border-radius:10px!important;color:#ffe500!important;font-size:30px;font-weight:800}
.site .articleVisual span{opacity:.86}
.site .how,.site .memberSteps{background:#33373d!important;border-block:1px solid #b8000026!important}
.site .steps article,.site .memberSteps article{border:1px solid #b8000035!important;border-radius:14px!important;background:#1f2124!important}
.site .steps article>span,.site .steps i,.site .steps h3,.site .memberSteps h3{color:#ffe500!important}
.site .steps p,.site .memberSteps article p{color:#c7c7c7!important}
.site .how>a,.site .how-link{background:#ffe500!important;color:#0c0c0c!important;border-radius:8px!important}
.site .faqList{border-color:#b8000033!important}
.site .faqList details{border:0!important;border-bottom:1px solid #b8000033!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site .faqList summary{color:#ffffff!important}
.site .faqList summary i{background:#ffe500!important}
.site .faqList details p{color:#c7c7c7!important}
.site .homeSeoContent{border-color:#b8000030!important;background:#0c0c0c!important}
.site .seoContentIntro>h2,.site .seoContentGrid article>h2{color:#ffffff!important}
.site .seoContentGrid article{border-color:#b8000030!important;background:transparent!important}
.site .seoContentGrid article>p{color:#c7c7c7!important}
.site .homeSeoContent .seoContentGrid article>span{color:#ffffff!important}
.site .innerHero{background:radial-gradient(circle at 50% 0,#1f2124,#0c0c0c 68%)!important}
.site .innerHero small,.site .pageContent small{color:#ffe500!important}
.site .innerHero h1{color:#ffffff!important;font-size:clamp(32px,5vw,54px)!important;line-height:1.25!important}
.site .innerHero p{max-width:760px;color:#c7c7c7!important;line-height:1.85!important}
.site .pageContent{border-color:#b8000030!important}
.site .pageContent h2{color:#ffe500!important;font-size:clamp(23px,2.5vw,31px)!important}
.site .pageContent .copy-section{padding:22px 0;border-bottom:1px solid #b8000022}
.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 #b8000033;border-radius:12px;background:#1f2124}
.site .page-actions p{flex:1 1 260px;margin:0}
.site .editorial-note{margin:32px 0;padding:22px 24px;border:1px solid #b8000066;border-radius:12px;background:#370000}
.site .editorial-note b{color:#ffe500}
.site .editorial-note p{margin-bottom:0}
.site .sitemapGrid nav a{color:#e0e0e0!important}
.site .sitemapGrid nav .external-link{width:100%;margin:8px 0}
.site .footer{background:#0c0c0c!important;border-color:#b8000030!important}
.site .footer .brand>.logo img{height:auto!important;max-width:230px}
.site .footer .brand>.footerTerms{color:#c7c7c7!important}
.site .footer .links>b,.site .footer .links>div>b{color:#ffe500!important}
.site .footer .links>a,.site .footer .bottom{color:#c7c7c7!important}
.site .footer .trust span{color:#d0d0d0!important;border-color:#b8000030!important}
.site .bar{background:#1f2124f5!important;border-color:#b8000066!important}
.site .bar>a{color:#ffe500!important}
.site .bar>a>img{width:34px;height:34px;object-fit:contain}
.site .bar .external-link{border-color:transparent!important;background:transparent!important;color:#ffe500!important;font-size:10px}
.site .bar .external-link small{color:#c7c7c7!important;font-size:8px}
.site .bar .external-link:hover{transform:translateY(-2px)}
.site :focus-visible{outline:3px solid #ffe500!important;outline-offset:3px!important}
.site .skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;background:#ffe500;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:#1f2124!important}
 .site .header nav>a{min-height:52px;color:#e0e0e0!important}
 .site .drawerHead{color:#ffe500!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,#0c0c0cee 4%,#0c0c0c78 52%,#0c0c0c44),url('/assets/paotung88-hero.svg') 62% center/cover no-repeat!important}
 .site .hero:after{background:linear-gradient(0deg,#0c0c0cee 0%,#0c0c0c88 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}}