.tj-app{--green:#704796;--mint:#f0e8f8;--ink:#30233f;--muted:#7c7187;--line:#e6deed;--paper:#faf8fc;font-family:'Noto Sans Thai',Tahoma,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.7;border-radius:16px;overflow:hidden;text-align:left}.tj-app *{box-sizing:border-box}.tj-app button,.tj-app input,.tj-app select,.tj-app textarea{font:inherit}.tj-app button,.tj-app a{touch-action:manipulation}.tj-app button{cursor:pointer}.tj-app a{color:var(--green)}.tj-app button:focus-visible,.tj-app a:focus-visible{outline:3px solid #d5a644;outline-offset:4px}.tj-app .tj-wrap{max-width:1180px;margin:auto;padding:0 32px}.tj-app .tj-demo{background:#fff1ce;color:#644b16;padding:8px 20px;text-align:center;font-size:12px}.tj-app .tj-head{background:white;border-bottom:1px solid var(--line)}.tj-app .tj-head-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;padding-bottom:22px}.tj-app .tj-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.tj-app .tj-brand svg{width:45px;height:45px}.tj-app .tj-brand strong{font-size:17px;display:block;line-height:1.4}.tj-app .tj-brand small{color:var(--muted);font-size:12px}.tj-app .tj-nav{display:flex;gap:24px;align-items:center}.tj-app .tj-nav button{border:0;background:none;color:var(--muted);padding:8px 0;font-size:14px}.tj-app .tj-nav button.active{color:var(--green);border-bottom:2px solid var(--green);font-weight:bold}.tj-app .tj-nav .tj-tracknav{border:1px solid var(--line);border-radius:7px;padding:9px 16px;color:var(--green)}.tj-app .tj-hero{padding-top:48px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:40px}.tj-app .tj-eyebrow{font-size:12px;letter-spacing:1px;font-weight:bold;color:var(--green);display:flex;gap:8px;align-items:center}.tj-app .tj-dot{background:#a17ac5;width:7px;height:7px;border-radius:50%;display:inline-block}.tj-app h1{font-size:clamp(28px,3.5vw,42px);line-height:1.4;margin:15px 0;font-weight:700;letter-spacing:-.6px}.tj-app h1 em{color:var(--green);font-style:normal}.tj-app .tj-lead{color:var(--muted);margin:0;max-width:600px;font-size:15px}.tj-app .tj-hero-mark{width:168px;height:168px;border-radius:50%;background:#eee5f7;position:relative;display:grid;place-items:center;flex-shrink:0;border:1px solid #e3d5f0}.tj-app .tj-hero-mark:before{content:'';position:absolute;inset:15px;border:1px dashed #c6acd9;border-radius:50%}.tj-app .tj-hero-mark svg{width:80px;height:80px;color:var(--green)}.tj-app .tj-pills{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0 0;color:var(--green);font-size:12px}.tj-app .tj-pills span{display:flex;align-items:center;gap:6px}.tj-app .tj-pills svg{width:15px;height:15px}.tj-app .tj-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-bottom:50px;align-items:start}.tj-app .tj-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 9px #49346505}.tj-app .tj-card-header{padding:25px 30px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.tj-app h2{font-size:21px;line-height:1.5;margin:0}.tj-app .tj-caption{font-size:12px;color:var(--muted);margin:4px 0 0}.tj-app .tj-badge{border:1px solid var(--line);padding:4px 10px;border-radius:30px;font-size:11px;color:var(--green);white-space:nowrap}.tj-app .tj-steps{display:flex;padding:25px 30px 10px;gap:12px}.tj-app .tj-step{flex:1;font-size:12px;color:#9a8ea4;border-bottom:3px solid #f3eef7;padding-bottom:15px;display:flex;gap:8px;align-items:center}.tj-app .tj-step b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f1ecf5;font-size:11px}.tj-app .tj-step.current{color:var(--green);border-color:var(--green);font-weight:bold}.tj-app .tj-step.current b{background:var(--green);color:white}.tj-app .tj-step.done{border-color:#b99ad2;color:var(--green)}.tj-app .tj-formbody{padding:23px 30px 28px}.tj-app .tj-sectiontitle{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 20px}.tj-app .tj-sectiontitle svg{width:19px;height:19px;color:var(--green)}.tj-app .tj-field{margin-bottom:18px}.tj-app .tj-field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.tj-app .tj-required{color:#b44638}.tj-app input:not([type=checkbox]):not([type=radio]):not([type=file]),.tj-app select,.tj-app textarea{width:100%;border:1px solid #dfd5e7;border-radius:7px;padding:11px 13px;background:white;color:var(--ink);min-height:46px;line-height:1.5}.tj-app input::placeholder,.tj-app textarea::placeholder{color:#a195ab;font-size:13px}.tj-app input:focus,.tj-app textarea:focus,.tj-app select:focus{outline:2px solid #c1a2db;outline-offset:1px}.tj-app textarea{min-height:135px;resize:vertical}.tj-app .tj-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tj-app .tj-help{color:var(--muted);font-size:11px;margin:6px 0 0}.tj-app .tj-upload{border:1px dashed #cab3dc;border-radius:8px;background:#fdfbff;text-align:center;padding:23px;display:block;cursor:pointer}.tj-app .tj-upload svg{width:26px;height:26px;color:var(--green);display:block;margin:0 auto 8px}.tj-app .tj-upload strong{color:var(--green);font-size:13px}.tj-app .tj-upload input{display:block;max-width:100%;margin:12px auto 0;font-size:12px}.tj-app .tj-files{list-style:none;padding:0;margin:10px 0;font-size:12px}.tj-app .tj-files li{display:flex;justify-content:space-between;background:var(--paper);border-radius:5px;padding:7px 10px;margin-bottom:4px;overflow-wrap:anywhere}.tj-app .tj-files button{border:0;background:none;color:#96483a}.tj-app .tj-actions{border-top:1px solid var(--line);padding-top:22px;margin-top:25px;display:flex;justify-content:space-between;gap:12px;align-items:center}.tj-app .tj-btn{border:0;border-radius:7px;padding:12px 21px;background:var(--green);color:white;font-size:14px;font-weight:600;display:inline-flex;gap:12px;align-items:center;justify-content:center;line-height:1.5}.tj-app .tj-btn.secondary{background:white;color:var(--green);border:1px solid var(--line)}.tj-app .tj-btn:disabled{opacity:.55;cursor:wait}.tj-app .tj-actions small{color:var(--muted);font-size:11px}.tj-app .tj-aside{display:grid;gap:18px}.tj-app .tj-aside .tj-card{padding:24px}.tj-app .tj-aside h3{font-size:15px;margin:0 0 15px;display:flex;gap:8px;align-items:center}.tj-app .tj-aside h3 svg{width:18px;height:18px}.tj-app .tj-process{list-style:none;padding:0;margin:0;counter-reset:steps}.tj-app .tj-process li{padding:0 0 22px 32px;position:relative;border-left:1px solid var(--line);margin-left:10px;counter-increment:steps}.tj-app .tj-process li:last-child{padding-bottom:0;border:0}.tj-app .tj-process li:before{content:counter(steps);position:absolute;left:-11px;top:0;background:var(--mint);color:var(--green);font-size:10px;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px}.tj-app .tj-process strong{font-size:12px;display:block}.tj-app .tj-process p{color:var(--muted);font-size:11px;margin:3px 0 0}.tj-app .tj-info{background:#f1eaf8!important;border-color:#e3d5ed!important}.tj-app .tj-aside p,.tj-app .tj-aside ul{font-size:12px;color:var(--muted);margin-bottom:0}.tj-app .tj-aside ul{padding-left:18px}.tj-app .tj-aside li{margin:8px 0}.tj-app .tj-support{border:0!important;background:none!important;box-shadow:none!important;padding:4px 12px!important}.tj-app .tj-foot{padding:23px 0;border-top:1px solid var(--line);background:white;font-size:11px;color:var(--muted)}.tj-app .tj-foot .tj-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.tj-app .tj-foot button{border:0;background:none;color:var(--green);font-size:11px}.tj-app .tj-notice{background:#f3edf9;border:1px solid #e1d2ed;border-radius:7px;padding:13px 15px;color:var(--green);font-size:12px;margin:0 0 20px}.tj-app .tj-notice.warn{background:#fff6df;border-color:#ead8a6;color:#725818}.tj-app .tj-error{background:#fff0ed;border:1px solid #edc4bb;color:#8d392a;border-radius:7px;padding:12px 16px;margin-bottom:17px;font-size:13px}.tj-app .tj-choice{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;align-items:flex-start;font-size:13px;cursor:pointer}.tj-app .tj-choice:has(input:checked){border-color:var(--green);background:#f7f1fc}.tj-app .tj-choice input{margin-top:6px;accent-color:var(--green)}.tj-app .tj-choice strong{display:block}.tj-app .tj-choice small{font-size:11px;color:var(--muted)}.tj-app .tj-review{margin:0 0 20px}.tj-app .tj-review dt{font-size:11px;color:var(--muted);margin-top:16px}.tj-app .tj-review dd{margin:4px 0 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.tj-app .tj-consent{display:flex;gap:10px;font-size:12px;margin:20px 0;align-items:flex-start}.tj-app .tj-consent input{margin-top:5px;accent-color:var(--green)}.tj-app .tj-trap{position:absolute;left:-99999px}.tj-app .tj-receipt{text-align:center;padding:15px 0}.tj-app .tj-successicon{width:65px;height:65px;background:var(--mint);border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:var(--green)}.tj-app .tj-successicon svg{width:32px;height:32px}.tj-app .tj-receipt h2{font-size:25px}.tj-app .tj-secret{background:var(--paper);border:1px solid var(--line);padding:20px;margin:22px 0;text-align:left;border-radius:8px}.tj-app .tj-secret strong{display:block;font-size:20px;letter-spacing:1px;overflow-wrap:anywhere}.tj-app .tj-secret code{display:block;font-size:14px;overflow-wrap:anywhere;color:var(--green);margin:7px 0}.tj-app .tj-single{max-width:800px;margin:0 auto;padding-bottom:55px}.tj-app .tj-timeline{margin:24px 0;border-left:2px solid #d4bce7;padding-left:22px;list-style:none}.tj-app .tj-timeline li{padding-bottom:20px}.tj-app .tj-timeline small{display:block;color:var(--muted)}.tj-app .tj-timeline p{white-space:pre-wrap;overflow-wrap:anywhere}.tj-app .tj-faq details{border-bottom:1px solid var(--line);padding:17px 0}.tj-app .tj-faq summary{cursor:pointer;font-weight:600;font-size:14px}.tj-app .tj-faq p{font-size:13px;color:var(--muted)}.tj-app .tj-screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.tj-app .tj-layout{grid-template-columns:1fr 260px;gap:18px}.tj-app .tj-wrap{padding-left:22px;padding-right:22px}.tj-app .tj-nav{gap:14px}.tj-app .tj-formbody,.tj-app .tj-card-header{padding-left:22px;padding-right:22px}.tj-app .tj-steps{padding-left:22px;padding-right:22px}}@media(max-width:720px){.tj-app{border-radius:0}.tj-app .tj-layout{grid-template-columns:1fr}.tj-app .tj-head-inner{flex-wrap:wrap;gap:12px;padding-top:17px;padding-bottom:12px}.tj-app .tj-nav{width:100%;justify-content:space-between;gap:10px}.tj-app .tj-nav button{font-size:12px}.tj-app .tj-brand strong{font-size:16px}.tj-app .tj-hero{padding-top:30px;padding-bottom:26px}.tj-app .tj-hero-mark{display:none}.tj-app h1{font-size:30px}.tj-app .tj-lead{font-size:13px}.tj-app .tj-pills{gap:10px;font-size:10px}.tj-app .tj-two{grid-template-columns:1fr;gap:0}.tj-app .tj-step{font-size:10px;gap:5px}.tj-app .tj-step b{width:21px;height:21px;flex-shrink:0}.tj-app .tj-aside{grid-template-columns:1fr}.tj-app .tj-actions small{max-width:120px}.tj-app .tj-card-header{align-items:flex-start}.tj-app h2{font-size:19px}.tj-app .tj-formbody{padding:22px 20px}.tj-app .tj-wrap{padding-left:17px;padding-right:17px}.tj-app .tj-single{padding-left:17px;padding-right:17px}.tj-app .tj-actions{flex-wrap:wrap}.tj-app .tj-actions .tj-btn{flex:1}.tj-app .tj-steps{gap:7px;padding-left:20px;padding-right:20px}}@media print{.tj-app .tj-head,.tj-app .tj-hero,.tj-app .tj-aside,.tj-app .tj-foot,.tj-app .tj-demo,.tj-app .tj-actions,.tj-app .tj-steps{display:none}.tj-app .tj-layout{display:block}.tj-app .tj-card{border:0;box-shadow:none}.tj-app{background:white}}