:root{--yellow:#fbbf24;--ink:#1f2937;--muted:#64748b;--soft:#fff8db;--line:#e5e7eb}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:var(--ink);font:15px Arial,"Noto Sans Thai",sans-serif}.app{max-width:560px;min-height:100vh;margin:auto;background:#fff;padding-bottom:90px}.top{padding:25px 20px 36px;color:#422006;background:linear-gradient(135deg,#fbbf24,#fde68a);border-radius:0 0 32px 32px}.brand{font-weight:800;font-size:20px}.lang{float:right;border:0;border-radius:12px;padding:7px;background:#fff8}.hero{margin-top:30px}.hero small{font-weight:bold}.amount{font-size:42px;font-weight:800;margin:7px 0}.stats{display:flex;gap:10px}.stat{flex:1;padding:12px;background:#fff9;border-radius:14px}.stat b{display:block;font-size:17px}.main{padding:20px}.card{border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 3px 13px #00000008}.row{display:flex;align-items:center;gap:12px}.icon{width:37px;height:37px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:19px}.primary{width:100%;padding:15px;border:0;border-radius:15px;background:var(--yellow);color:#422006;font-weight:800;font-size:16px;cursor:pointer}.secondary{width:100%;padding:12px;border:1px solid #d97706;border-radius:14px;color:#92400e;background:white;font-weight:bold}.tabs{position:fixed;z-index:2;bottom:0;left:0;right:0;margin:auto;max-width:560px;background:white;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:9px 3px}.tab{font-size:10px;text-align:center;color:var(--muted);background:none;border:0;cursor:pointer}.tab span{display:block;font-size:20px;margin-bottom:2px}.screen{display:none}.screen.active{display:block}h2{font-size:21px;margin:5px 0 8px}p{color:var(--muted);line-height:1.55}.progress{height:7px;background:#f1f5f9;border-radius:9px;margin:18px 0}.progress i{display:block;height:100%;background:var(--yellow);border-radius:9px}label{display:block;font-weight:bold;font-size:13px;margin:15px 0 6px}input,select,textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font:inherit}.upload{border:2px dashed #fbbf24;border-radius:15px;padding:21px;text-align:center;color:#92400e;cursor:pointer}.upload.done{border-color:#22c55e;background:#f0fdf4;color:#166534}.notice{font-size:12px;color:#64748b}.modal{position:fixed;z-index:5;inset:0;background:#0f172a88;display:none;align-items:center;justify-content:center;padding:24px}.modal.show{display:flex}.modal .box{background:white;width:100%;max-width:400px;padding:24px;border-radius:24px;text-align:center}.stars button{font-size:29px;border:0;background:none;color:#fbbf24;cursor:pointer}.hidden{display:none}.legal{font-size:13px}.status{padding:15px;border-radius:14px;background:#fff8db;color:#854d0e;font-weight:bold}.review{background:#eff6ff;color:#1d4ed8}.decline{background:#fef2f2;color:#b91c1c}@media(min-width:700px){body{background:#eef2ff}.app{box-shadow:0 0 50px #0001}}

/* Desktop layout: website uses the full browser canvas rather than a phone-width card. */
@media (min-width:700px){
  body{background:#fff8e7}
  .app{max-width:none;width:100%;background:#fff;padding-bottom:86px;box-shadow:none}
  .top{padding:42px max(7vw,56px) 62px;border-radius:0}
  .main{max-width:1180px;margin:0 auto;padding:34px max(7vw,56px)}
  .grid{grid-template-columns:repeat(3,1fr)}
  .tabs{max-width:none;width:100%;padding:12px max(7vw,56px);justify-content:center;gap:52px;box-shadow:0 -5px 18px #0000000a}
}
.legal-heading{display:flex;align-items:center;gap:14px;margin:8px 0 18px}.legal-heading>span{width:48px;height:48px;border-radius:16px;background:#fff2be;display:grid;place-items:center;font-size:23px}.legal-heading h2{margin:0}.legal-heading p{margin:4px 0 0}.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.policy-grid .card{margin:0;min-height:160px;border-top:4px solid #fbbf24}.policy-grid h3{font-size:16px;margin:0 0 9px;color:#422006}@media(max-width:700px){.policy-grid{grid-template-columns:1fr}.policy-grid .card{min-height:0}}