:root{color:#24170d;background:#fff4df;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(255,116,46,.26),transparent 24rem),radial-gradient(circle at 86% 8%,rgba(32,201,151,.26),transparent 25rem),linear-gradient(135deg,rgba(31,22,12,.04) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(160deg,#fff7e8,#f7e2bd 48%,#cfeee1)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.nova-th-shell,.nova-th-app{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:34px 0 58px}.nova-th-auth-card,.nova-th-panel{border:2px solid rgba(36,23,13,.12);border-radius:30px;background:#fffbf1eb;box-shadow:12px 16px #24170d14,0 28px 80px #24170d1f}.nova-th-auth-card{position:relative;width:min(560px,100%);margin:12vh auto 0;padding:38px;overflow:hidden}.nova-th-auth-card:after{content:"";position:absolute;right:-64px;bottom:-72px;width:190px;height:190px;border-radius:44px;background:#20c997;transform:rotate(14deg);opacity:.22}.nova-th-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.nova-th-header h1,.nova-th-auth-card h1{max-width:760px;margin:0 0 10px;font-size:clamp(38px,5.8vw,82px);line-height:.9;letter-spacing:-.075em}.eyebrow{margin:0 0 10px;color:#ff6b35;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.muted{margin:0;color:#6f5f50;line-height:1.5}.nova-th-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.nova-th-panel{padding:24px}.stack{display:grid;gap:14px}label{display:grid;gap:8px;color:#24170d;font-weight:850}input,textarea{width:100%;border:2px solid rgba(36,23,13,.14);border-radius:18px;background:#fffdf8;color:#24170d;padding:14px 16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}input:focus,textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 5px #ff6b3524;transform:translateY(-1px)}textarea{resize:vertical}.primary,.secondary,.ghost{border-radius:18px;padding:14px 18px;font-weight:900}.primary{border:2px solid #24170d;color:#24170d;background:#ffbf3f;box-shadow:5px 6px #24170d}.primary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:6px 7px #24170d}.secondary,.ghost{color:#24170d;background:#fffdf8;border:2px solid rgba(36,23,13,.16)}.ghost{background:#fffdf8c7}.profile-card{display:flex;align-items:center;gap:14px;padding:14px;border:2px solid rgba(36,23,13,.1);border-radius:22px;background:#fffdf8}.profile-card p{margin:4px 0 0;color:#6f5f50;font-size:13px}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#24170d;font-weight:950;background:linear-gradient(135deg,#ffbf3f,#20c997)}.balance-card{position:relative;margin-top:16px;padding:24px;border-radius:26px;color:#fffdf8;background:radial-gradient(circle at 92% 12%,rgba(255,191,63,.36),transparent 9rem),linear-gradient(135deg,#142d2b,#24170d);overflow:hidden}.balance-card:after{content:"฿";position:absolute;right:18px;bottom:-38px;color:#ffffff14;font-size:150px;font-weight:900}.balance-card strong{display:block;margin:8px 0;font-size:48px;line-height:1;letter-spacing:-.06em}.balance-card span{color:#fffdf8b8}.quick-card,.details-card,.scanner-card{margin-top:16px;padding:18px;border:2px solid rgba(36,23,13,.1);border-radius:24px;background:#fffdf8}.quick-card h2,.details-card h3,.payment-panel h2,.history-panel h2{margin:0 0 8px;letter-spacing:-.045em}.quick-card p,.scanner-card p{margin:0 0 14px;color:#6f5f50;line-height:1.45}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.payment-panel{min-height:620px}.payment-form{display:grid;gap:14px;margin-top:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scanner-card{overflow:hidden}.scanner-card video{display:block;width:100%;min-height:260px;border:2px solid rgba(36,23,13,.12);border-radius:20px;background:#142d2b}dl{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:10px 16px;margin:0}dt{color:#6f5f50}dd{margin:0;font-weight:900;word-break:break-word}.notice,.error{margin:16px 0 0;border-radius:18px;padding:14px 16px;line-height:1.4;font-weight:850}.notice{color:#0d5949;background:#e3fbef;border:2px solid rgba(32,201,151,.25)}.error{color:#8e1f0f;background:#fff0e8;border:2px solid rgba(255,107,53,.26)}.history-panel{margin-top:22px}.history-list{display:grid;gap:10px;margin-top:16px}.history-item{display:flex;justify-content:space-between;gap:16px;width:100%;border:2px solid rgba(36,23,13,.1);border-radius:20px;background:#fffdf8;padding:16px;text-align:left}.history-item small{display:block;margin-top:4px;color:#6f5f50}.paylapa-landing{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:24px 0 42px}.paylapa-hero,.paylapa-section,.paylapa-footer{border:2px solid rgba(36,23,13,.12);background:#fffbf1e6;box-shadow:12px 16px #24170d14,0 26px 70px #24170d1a}.paylapa-hero{position:relative;overflow:hidden;min-height:680px;border-radius:38px;padding:28px}.paylapa-hero:before,.paylapa-hero:after{content:"";position:absolute;border-radius:48px;transform:rotate(12deg);opacity:.28}.paylapa-hero:before{right:-72px;top:92px;width:230px;height:230px;background:#ff742e}.paylapa-hero:after{left:46%;bottom:-96px;width:260px;height:260px;background:#20c997}.paylapa-nav,.paylapa-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.paylapa-nav{position:relative;z-index:1}.paylapa-logo,.paylapa-footer span{display:inline-flex;align-items:center;gap:12px;color:#24170d;font-weight:950;text-decoration:none}.paylapa-logo span{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(36,23,13,.16);border-radius:16px;background:linear-gradient(135deg,#ff742e,#ffd166);box-shadow:5px 6px #24170d24}.paylapa-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);gap:48px;align-items:center;min-height:560px}.paylapa-hero-copy h1{max-width:760px;margin:0;font-size:clamp(56px,8vw,104px);line-height:.88;letter-spacing:-.07em}.paylapa-hero-copy .muted{max-width:620px;margin:28px 0 0;font-size:20px;line-height:1.48}.paylapa-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.paylapa-actions a,.paylapa-footer a{text-decoration:none}.paylapa-actions .primary,.paylapa-nav .secondary,.paylapa-footer a{display:inline-flex;align-items:center;justify-content:center}.ghost-link{min-height:46px;padding:13px 18px;border:2px solid rgba(36,23,13,.14);border-radius:16px;color:#24170d;background:#ffffff75;font-weight:900}.paylapa-phone-card{justify-self:end;width:min(390px,100%);padding:20px;border:2px solid rgba(36,23,13,.12);border-radius:34px;background:#fff9ec;box-shadow:18px 22px #24170d1a;transform:rotate(2deg)}.paylapa-phone-top,.paylapa-qr-preview{display:flex;align-items:center;gap:14px}.paylapa-balance-preview{margin:20px 0;padding:26px;border-radius:24px;background:radial-gradient(circle at 82% 16%,rgba(255,209,102,.32),transparent 8rem),linear-gradient(135deg,#24170d,#5d341f);color:#fff7e8}.paylapa-balance-preview p,.paylapa-balance-preview span,.paylapa-qr-preview p,.paylapa-proof-card p{margin:0;color:inherit;opacity:.76}.paylapa-balance-preview strong{display:block;margin:8px 0;font-size:52px;letter-spacing:-.06em}.paylapa-qr-preview{padding:18px;border:2px solid rgba(36,23,13,.12);border-radius:22px;background:#f8e4bd}.paylapa-qr-preview>span{width:58px;height:58px;border-radius:18px;background:linear-gradient(90deg,#24170d 16px,transparent 16px) 0 0 / 28px 28px,linear-gradient(#24170d 16px,transparent 16px) 0 0 / 28px 28px,#fff9ec}.paylapa-section{margin-top:26px;padding:34px;border-radius:34px}.paylapa-section h2{max-width:780px;margin:0;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.055em}.paylapa-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.paylapa-steps article,.paylapa-proof-card{border:2px solid rgba(36,23,13,.12);border-radius:24px;background:#ffffff85}.paylapa-steps article{padding:22px}.paylapa-steps span,.paylapa-proof-card span{display:inline-flex;margin-bottom:16px;padding:8px 12px;border-radius:999px;background:#20c997;color:#14372c;font-weight:950}.paylapa-steps h3,.paylapa-proof-card strong{display:block;margin:0 0 10px;font-size:22px;letter-spacing:-.03em}.paylapa-steps p{margin:0;color:#684d39;line-height:1.45}.paylapa-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:28px;align-items:center}.paylapa-proof-card{padding:24px;background:#24170d;color:#fff7e8}.paylapa-footer{margin-top:26px;padding:22px 28px;border-radius:26px}.paylapa-footer a{color:#24170d;font-weight:900}@media (max-width: 840px){.nova-th-shell,.nova-th-app,.paylapa-landing{width:min(100vw - 20px,560px);padding-top:14px}.nova-th-header,.nova-th-grid,.two-cols,.paylapa-hero-grid,.paylapa-split{display:grid;grid-template-columns:1fr}.nova-th-panel,.nova-th-auth-card,.paylapa-hero,.paylapa-section,.paylapa-footer{padding:18px;border-radius:26px;box-shadow:7px 9px #24170d14,0 20px 54px #24170d1a}.paylapa-hero{min-height:auto}.paylapa-hero-grid{min-height:auto;gap:30px;padding-top:42px}.paylapa-nav{align-items:flex-start}.paylapa-steps{grid-template-columns:1fr}.paylapa-phone-card{justify-self:stretch;transform:none}.nova-th-header h1,.nova-th-auth-card h1,.paylapa-hero-copy h1{font-size:42px}.section-title{display:grid}}
