/*
Theme Name: Neon Landing
Description: Editable Thai landing page with logo, banner, background and two buttons.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Custom Studio
License: GPL-2.0-or-later
Text Domain: neon-landing
*/
*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:#0b0820;color:#fff;font-family:Tahoma,Arial,sans-serif;min-height:100vh}.scene{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 8% 35%,#9e003b99,transparent 55%),radial-gradient(ellipse at 92% 45%,#006cff99,transparent 55%),linear-gradient(140deg,#180820,#080b22);background-size:cover;background-position:center}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03061780,#03061720)}main{width:min(100% - 32px,460px);margin:auto;padding:30px 0 24px;text-align:center}.brand{min-height:75px;display:flex;justify-content:center;align-items:center;margin:0 0 20px}.brand img{max-width:90%;max-height:94px;object-fit:contain}.brand-text{font-size:clamp(28px,7vw,40px);font-weight:900;font-style:italic;background:linear-gradient(100deg,#ffe875,#ffd52d 38%,#fff 65%,#88ceff);background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px #b82fff)}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff55;border-radius:99px;padding:9px 18px;margin:0 0 16px;font-size:12px;font-weight:700;background:linear-gradient(100deg,#fc326d,#a928c9,#258bff);box-shadow:0 0 24px #cd2c9655}.badge:before{content:"";width:7px;height:7px;background:white;border-radius:50%;box-shadow:0 0 7px white}.hero{padding:3px;border-radius:23px;background:linear-gradient(120deg,#ff2173,#ca26ed,#00cbff);box-shadow:0 0 26px #c02bf555;overflow:hidden}.hero img{width:100%;height:auto;display:block;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 14px}.stat{padding:10px 4px;border:1px solid #b93fbc88;border-radius:15px;background:#0b081ee6;font-size:11px}.stat strong{color:#ff84d6;display:block;margin-bottom:4px;font-size:12px}.actions{display:grid;gap:14px;padding:0 5px}.button{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:17px;border:2px solid #ffb2d4;background:linear-gradient(#ff538e,#ff0046 65%,#df0040);box-shadow:0 0 17px #ff236966;color:white;text-decoration:none;font-size:25px;font-weight:800;overflow:hidden;transition:transform .15s}.button:before{content:"";position:absolute;inset:5px 10% auto;height:15px;border-radius:99px;background:linear-gradient(#ffffff66,#ffffff00);pointer-events:none}.button.secondary{border-color:#9ae8ff;background:linear-gradient(#5cdbff,#0878ff 65%,#075bfa);box-shadow:0 0 17px #1899ff66}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid white;outline-offset:4px}.button.disabled{opacity:.72;cursor:default}.button.disabled:hover{transform:none}footer{font-size:11px;color:#b3c5ff;margin-top:20px}.setup{font-size:11px;color:#eee;margin:12px 0 0}@media(max-width:380px){main{width:calc(100% - 24px);padding-top:20px}.button{font-size:22px;min-height:58px}.badge{font-size:11px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Neon Landing 2.0 */
body{isolation:isolate}.scene{background-attachment:scroll}.scene:after{background:linear-gradient(0deg,#030617b8,#03061718)}main{width:min(100% - 32px,500px);padding:40px 0 26px}.brand{margin-bottom:22px}.brand-text{letter-spacing:1px}.badge{max-width:100%;line-height:1.6}.hero{position:relative;padding:3px;background:linear-gradient(120deg,#ff347d,#cd4aff,#22d2ff,#ff347d);background-size:300% 300%;box-shadow:0 0 0 7px #c82fa90c,0 16px 50px #05020e,0 0 32px #cf31d944}.hero img{aspect-ratio:1;object-fit:contain;background:#130d27}.stats{gap:9px;margin:16px 0 18px}.stat{padding:13px 4px;background:linear-gradient(145deg,#21142be8,#0b1129ed);border-color:#ba6ed24d;box-shadow:inset 0 1px #ffffff15}.stat strong{font-size:13px}.actions{gap:15px}.button{min-height:67px;box-shadow:0 7px 25px #ff236942,inset 0 1px #ffffff99;isolation:isolate}.button.secondary{box-shadow:0 7px 25px #1899ff42,inset 0 1px #ffffff99}.button:after{content:"";position:absolute;width:35%;height:190%;top:-45%;left:-70%;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:rotate(25deg);pointer-events:none}.button:hover{filter:brightness(1.1)}.button.disabled{opacity:.65}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient i{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(65px);opacity:.22;background:#ff006c;left:-100px;top:15%}.ambient i:nth-child(2){background:#007cff;left:auto;right:-100px;top:55%;animation-delay:-5s}.ambient i:nth-child(3){width:150px;height:150px;background:#cc31ff;left:40%;top:0;opacity:.12;animation-delay:-9s}.info-card{text-align:left;margin-top:24px;border:1px solid #ad6dd63b;border-radius:20px;padding:22px;background:linear-gradient(140deg,#231429dc,#101a2bdc);box-shadow:inset 0 1px #ffffff12}.info-card h2{font-size:19px;margin:0 0 12px;color:#f4d9ff}.info-card p{font-size:14px;line-height:1.9;color:#c9c5df;margin:0;overflow-wrap:anywhere}.faq details{border-top:1px solid #ffffff13;padding:14px 0}.faq summary{cursor:pointer;font-size:14px;line-height:1.6;color:#e7e1f5}.faq details p{margin-top:10px}.faq details:last-child{padding-bottom:0}.nl-motion .hero{animation:borderflow 9s ease infinite}.nl-motion .ambient i{animation:drift 16s ease-in-out infinite alternate}.nl-motion .button:not(.disabled):hover:after{animation:sheen .8s ease}.ripple{position:absolute;border-radius:50%;background:#fff8;pointer-events:none;animation:ripple .6s ease-out forwards;width:22px;height:22px;margin:-11px;z-index:0}@keyframes borderflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes drift{to{transform:translate(45px,-55px) scale(1.12)}}@keyframes sheen{to{left:140%}}@keyframes ripple{to{transform:scale(18);opacity:0}}@media(max-width:480px){main{padding-top:26px}.info-card{padding:18px}.button{min-height:61px;font-size:23px}.ambient i{filter:blur(45px)}}@media(prefers-reduced-motion:reduce){.nl-motion .hero,.nl-motion .ambient i,.nl-motion .button:after,.ripple{animation:none!important}.button{transition:none!important}} 

.page-heading{font-size:clamp(22px,6vw,29px);line-height:1.45;margin:0 0 18px;color:#fff;overflow-wrap:anywhere;text-shadow:0 2px 16px #cb46bb66}.subtopic{border-top:1px solid #ffffff13;margin-top:18px;padding-top:17px}.subtopic h3{font-size:17px;line-height:1.6;margin:0 0 8px;color:#9de3ff;overflow-wrap:anywhere}

.info-card h2{overflow-wrap:anywhere}.deep-topic{margin-top:17px;padding:14px 0 0 14px;border-left:2px solid #8260b94d}.deep-topic h4,.deep-topic h5,.deep-topic h6{line-height:1.65;margin:0 0 8px;overflow-wrap:anywhere}.deep-topic h4{font-size:16px;color:#e2c2ff}.deep-topic h5{font-size:15px;color:#ffd29d}.deep-topic h6{font-size:14px;color:#b4e9d7}.deep-topic p{font-size:14px}@media(max-width:380px){.deep-topic{padding-left:10px}}

.withdraw-demo{margin-top:24px;padding:19px 14px;background:#09090de8;border:1px solid #dfb46355;border-radius:22px;text-align:left}.demo-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.demo-top h2{font-size:18px;margin:0;color:#e5bd6b}.demo-label{font-size:11px;border:1px solid #dec18477;color:#ffe1a0;border-radius:99px;padding:5px 8px;white-space:nowrap}.demo-note{font-size:11px;line-height:1.6;color:#bfb6a4;margin:8px 0 15px}.demo-list{display:grid;gap:10px}.demo-row{display:grid;grid-template-columns:43px minmax(0,1fr);gap:10px;padding:13px 11px;border:1px solid #ffffff12;border-radius:16px;background:#1a1a20;min-width:0}.demo-row.pending{border-color:#e5bd6b;box-shadow:inset 0 0 22px #e5bd6b12}.demo-bank{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:white;background:var(--bank-color);border:4px solid #ffffff18;align-self:center}.demo-user{font-size:12px;color:#fff;line-height:1.6}.demo-time{display:block;color:#aaa;font-size:10px}.demo-amount{color:#7dd6ff;font-size:13px;font-weight:700;margin-top:4px}.demo-status{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:#6ad8ae}.pending .demo-status{color:#99dfff}.demo-toggle{display:block;margin:14px auto 0;border:1px solid #bda97455;color:#ecd8ad;background:#211c15;border-radius:99px;padding:8px 18px;font-family:inherit;cursor:pointer;font-size:12px}.demo-toggle:focus-visible{outline:2px solid white;outline-offset:3px}.nl-motion .demo-row{animation:demo-enter .35s ease-out}@keyframes demo-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.nl-motion .demo-row{animation:none}}

.announcement{position:relative;display:flex;align-items:center;gap:12px;width:min(1100px,calc(100% - 28px));margin:16px auto 0;padding:7px 12px 7px 7px;border:1px solid #ecc456;border-radius:99px;background:linear-gradient(#29272d,#101017);box-shadow:0 5px 20px #0007,inset 0 1px #ffffff20;color:#fff;min-width:0}.announcement-label{flex-shrink:0;border:1px solid #cca334;border-radius:99px;padding:7px 11px;font-size:13px;font-weight:700;color:#ffda6b}.announcement-window{min-width:0;flex:1;overflow:hidden;border-radius:5px}.announcement-track{display:flex;width:max-content;gap:64px}.announcement-track span{white-space:nowrap;font-size:13px;line-height:1.8;font-weight:600}.announcement-track span[aria-hidden]{display:none}.nl-motion .announcement-track{animation:announcement-scroll 28s linear infinite}.nl-motion .announcement-track span[aria-hidden]{display:block}.announcement:hover .announcement-track,.announcement:focus-within .announcement-track{animation-play-state:paused}.announcement-window:focus-visible{outline:2px solid #ffe08b;outline-offset:2px}body:not(.nl-motion) .announcement-window{overflow-x:auto}.announcement+ .scene{pointer-events:none}@keyframes announcement-scroll{to{transform:translateX(calc(-50% - 32px))}}@media(max-width:480px){.announcement{gap:8px;margin-top:12px}.announcement-label{font-size:11px;padding:6px 8px}.announcement-track span{font-size:12px}}@media(prefers-reduced-motion:reduce){.nl-motion .announcement-track{animation:none}.nl-motion .announcement-track span[aria-hidden]{display:none}.announcement-window{overflow-x:auto}}

/* Announcement motion is independent of decorative effects. */
.announcement-track{animation:announcement-scroll var(--announcement-duration,25s) linear infinite!important;will-change:transform}.announcement-track span[aria-hidden]{display:block!important}body:not(.nl-motion) .announcement-window{overflow:hidden}.announcement:hover .announcement-track{animation-play-state:running}.announcement:focus-within .announcement-track{animation-play-state:paused}.announcement-window{direction:ltr}.announcement-track span{direction:auto}@media(prefers-reduced-motion:reduce){.announcement-track{animation:none!important;will-change:auto}.announcement-track span[aria-hidden]{display:none!important}.announcement-window,body:not(.nl-motion) .announcement-window{overflow-x:auto}}

body{background:var(--nl-bg,#0b0820);color:var(--nl-text,#fff)}main{width:min(calc(100% - 32px),var(--nl-content-width,500px))}.brand img{max-height:var(--nl-logo-size,94px)}.page-heading{font-size:var(--nl-heading-size,29px)}.info-card p{font-size:var(--nl-body-size,14px)}.info-card,.withdraw-demo{margin-top:var(--nl-section-gap,24px)}.hero{background-image:linear-gradient(120deg,var(--nl-accent,#ff347d),#cd4aff,var(--nl-secondary,#22d2ff),var(--nl-accent,#ff347d))}.button{background:var(--nl-accent,#ff347d)}.button.secondary{background:var(--nl-secondary,#22d2ff);color:#081126}.contact-button{display:block;margin:16px 5px 0;padding:12px;border:1px solid #e1bb6888;border-radius:13px;color:#ffe1a1;text-align:center;text-decoration:none;background:#161321}.contact-button:focus-visible,.footer-links a:focus-visible{outline:2px solid white;outline-offset:3px}.footer-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 8px}.footer-links a{color:#c9c5df;font-size:12px;line-height:1.7}.steps ol{padding-left:22px;margin:0}.steps li{padding:8px 0}.steps h3{font-size:16px;margin:0 0 6px;color:#9de3ff}.document-page{max-width:800px}.document-page article{line-height:1.9;overflow-wrap:anywhere}.document-page h1{font-size:28px}.document-page img{max-width:100%;height:auto}.back-link{color:#e6ccff}.scene,.ambient{contain:paint}@media(max-width:480px){.page-heading{font-size:min(var(--nl-heading-size,29px),30px)}.ambient i{filter:blur(35px)}}

/* Independent image and content box colors. Empty controls retain existing colors. */
.hero{background-image:linear-gradient(120deg,var(--nl-image-start,var(--nl-accent,#ff347d)),var(--nl-image-middle,#cd4aff),var(--nl-image-end,var(--nl-secondary,#22d2ff)),var(--nl-image-start,var(--nl-accent,#ff347d)))}
.info-card{border-color:var(--nl-box-border,#ad6dd63b);background:var(--nl-box-bg,linear-gradient(140deg,#231429dc,#101a2bdc));color:var(--nl-box-text,var(--nl-text,#fff))}
.stat{border-color:var(--nl-box-border,#ba6ed24d);background:var(--nl-box-bg,linear-gradient(145deg,#21142be8,#0b1129ed));color:var(--nl-box-text,var(--nl-text,#fff))}
.info-card p{color:var(--nl-box-text,#c9c5df)}
.info-card h2{color:var(--nl-box-heading,#f4d9ff)}
.info-card h3{color:var(--nl-box-heading,#9de3ff)}
.info-card h4{color:var(--nl-box-heading,#e2c2ff)}
.info-card h5{color:var(--nl-box-heading,#ffd29d)}
.info-card h6{color:var(--nl-box-heading,#b4e9d7)}
.stat strong{color:var(--nl-box-heading,#ff84d6)}
.faq summary{color:var(--nl-box-heading,#e7e1f5)}
.subtopic,.faq details{border-color:var(--nl-box-border,#ffffff13)}
.deep-topic{border-color:var(--nl-box-border,#8260b94d)}