.topup-page{max-width:1160px;margin:0 auto;padding:44px 30px 88px}.topup-heading{text-align:center;position:relative;padding:18px 0 32px}.topup-heading>a{display:block;text-align:left;color:#9bafc0;font-size:12px;text-decoration:none;margin-bottom:32px}.topup-heading .eyebrow{color:#d9b675;font-size:10px;letter-spacing:3px;margin:0 0 16px}.topup-heading h1{font:600 clamp(34px,5vw,54px)/1.35 'Noto Sans Thai',sans-serif;color:#f4e7cc;margin:0 0 18px}.topup-heading h1 span{display:block;font-size:clamp(18px,2.8vw,28px);font-weight:400;color:#c4d2dc;margin-top:10px}.topup-heading>p:last-child{font-size:13px;line-height:1.8;color:#8fa6b9}.topup-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin-top:12px;align-items:stretch}.topup-card,.topup-help{border:1px solid #b49b6338;border-radius:12px;padding:34px;background:#101b25;box-shadow:0 20px 60px #0003}.topup-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#64502f38,transparent 65%),linear-gradient(135deg,#15232f,#0d1720)}.topup-card:before{content:'';display:block;height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#dab876,transparent)}.topup-card>.eyebrow,.topup-help>.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#d5b16e}.topup-card h2{font-size:25px;line-height:1.5;color:#f4e7cd;margin:16px 0}.topup-status{display:inline-flex;align-items:center;gap:8px;background:#c8a35412;color:#d9bc82!important;border:1px solid #c8a35440;border-radius:20px;padding:6px 12px;font-size:11px!important;margin:0 0 12px}.topup-status:before{content:'';width:6px;height:6px;background:#dfb66c;border-radius:50%;box-shadow:0 0 10px #dfb66c66}.topup-card>p{font-size:13px;line-height:1.95;color:#a3b5c5}.topup-details{margin:26px 0}.topup-details>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #adc6da18;font-size:12px}.topup-details span{color:#8da5ba}.topup-details strong{font-weight:500;color:#d5dfe5}.topup-card button.gold{width:100%;border:1px solid #c8a76a88;border-radius:6px;background:linear-gradient(110deg,#cbb078,#a5844f);padding:17px 12px;font:600 14px 'Noto Sans Thai',sans-serif;color:#252015;opacity:.8;cursor:not-allowed}.topup-help{background:#0e1821;border-color:#8faec322}.topup-help h2{font-size:21px;margin:16px 0 25px;color:#e3eaf0}.topup-help>div{position:relative;padding:0 0 22px 45px;margin-bottom:22px;border-bottom:1px solid #adc6da18}.topup-help>div:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.topup-help b{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #be9f5b44;border-radius:8px;background:#d3b5700b;color:#d9ba7d;font:500 13px Cinzel,serif}.topup-help h3{font-size:14px;line-height:1.7;font-weight:500;margin:0 0 8px;color:#dae5ed}.topup-help p{font-size:12px;line-height:1.9;color:#8fa6b9;margin:0}@media(max-width:760px){.topup-page{padding:24px 18px 52px}.topup-layout{grid-template-columns:1fr}.topup-card,.topup-help{padding:26px 22px}.topup-heading>a{margin-bottom:26px}.topup-heading{padding-bottom:20px}.topup-card h2{font-size:22px}.topup-details>div{font-size:11px}}

/* ===== SOFT THEME (2026-09-19) ===== */
.topup-heading>a{color:#4f4636}
.topup-heading .eyebrow{color:#6f4a0d}
.topup-heading h1{color:#241f18}
.topup-heading h1 span{color:#433b2e}
.topup-heading>p:last-child{color:#433b2e}
.topup-card,.topup-help{border:1px solid #d1c3a7;border-radius:14px;background:#f4ecdb;box-shadow:0 18px 50px rgba(78,60,34,.12)}
.topup-card{background:radial-gradient(ellipse at top right,#e9d8b6,transparent 65%),linear-gradient(135deg,#f4ecdb,#e9e1d0)}
.topup-card>.eyebrow,.topup-help>.eyebrow{color:#6f4a0d}
.topup-card h2{color:#241f18}
.topup-card>p{color:#433b2e}
.topup-status{background:#f2e7cc;color:#5e4314!important;border:1px solid #cbb283}
.topup-details>div{border-bottom:1px solid #d8ccb6}
.topup-details span{color:#4f4636}
.topup-details strong{color:#241f18}
.topup-help{background:#f4ecdb;border-color:#d8ccb6}
.topup-help h2{color:#241f18}
.topup-help>div{border-bottom:1px solid #d8ccb6}
.topup-help b{border:1px solid #cbb283;background:#f2e7cc;color:#6d4a0d}
.topup-help h3{color:#241f18}
.topup-help p{color:#433b2e}
.transfer-message{padding:12px 14px;border:1px solid #8fbf9c;background:#e2efe6;color:#1f5a36;font-size:14px;line-height:1.8;border-radius:8px}
.transfer-error{padding:12px 14px;border:1px solid #cf9d94;background:#f7e2de;color:#8f3524;font-size:14px;line-height:1.8;border-radius:8px}
.topup-page>div>span{color:#373027;font-size:14px}
.transfer-fields label{display:block;margin:18px 0 6px;font-size:13px;color:#373027}
.transfer-fields input[type=datetime-local],.transfer-fields input[type=file]{width:100%;padding:12px;border:1px solid #c8ba9e;border-radius:8px;background:#f2ebdb;color:#241f18;font:inherit}
.transfer-fields small{display:block;color:#4f4636;font-size:12px;margin-top:4px}
.transfer-fields h3{font-size:18px;margin:24px 0 14px;color:#241f18}