@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans Thai',system-ui,sans-serif;color:#17382e;background:#f5f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{max-width:1120px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;font-size:21px;text-decoration:none;letter-spacing:-.5px}.brand span{color:#779d51}.badge{border:1px solid #c6d1c4;border-radius:30px;padding:6px 12px;font-size:12px}main{max-width:1064px;margin:34px auto 80px;padding:0 24px}.eyebrow{color:#658765;font-size:12px;letter-spacing:2px;font-weight:600}h1{font-size:clamp(32px,5vw,56px);line-height:1.28;letter-spacing:-1.5px;margin:20px 0}h2{font-size:22px;margin:0 0 16px}.intro{color:#64756a;max-width:540px;line-height:1.9}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:36px}.card{border:1px solid #dce2d7;border-radius:22px;padding:30px;background:#fff}.plan{background:#183d32;color:#fff;border:0;position:relative;overflow:hidden}.plan:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #456356;border-radius:50%;right:-90px;top:-110px;pointer-events:none}.plan .eyebrow{color:#b2d693}.price{font-size:64px;font-weight:600;letter-spacing:-3px;margin:20px 0 0}.price small{font-size:14px;font-weight:400;letter-spacing:0;color:#becfc2}.subtle{font-size:13px;color:#748578;line-height:1.8}.plan .subtle{color:#c2d1c7}.features{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px solid #426052}.features li{padding:9px 0;font-size:14px}.features li:before{content:'✓';color:#b2d693;margin-right:12px}button,.button{border:0;border-radius:11px;background:#a9d38a;color:#17382e;padding:13px 20px;font:600 14px inherit;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}button:disabled{opacity:.5;cursor:not-allowed}.wide{width:100%}.secondary{background:#edf1e9;margin-top:10px}.account-state{padding:16px;background:#f6f7f2;border-radius:12px;margin:20px 0;line-height:1.8}.label{display:block;font-size:12px;color:#758272}.value{font-size:24px;font-weight:600}.status{border-radius:6px;padding:4px 8px;font-size:12px;background:#eaf3e3;display:inline-block}.notice{margin:18px 0;padding:14px 18px;border-radius:12px;background:#fff0d7;color:#775220;font-size:13px;line-height:1.8}.notice:empty{display:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0}.step{font-size:14px;line-height:1.8}.step b{display:block;margin-bottom:8px}.step span{color:#748578}.number{color:#92aa7c;font-size:12px;letter-spacing:1px;margin-bottom:10px}footer{border-top:1px solid #dce2d7;max-width:1064px;margin:auto;padding:24px;color:#748578;font-size:12px;line-height:1.8}input{width:100%;padding:14px;border:1px solid #c6d1c4;border-radius:9px;margin:12px 0;font-size:15px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #e5e9e0}th{font-weight:500;color:#748578}.table-wrap{overflow:auto}.hidden{display:none!important}#history{margin-top:24px}.admin-controls{display:flex;gap:12px;align-items:center}.admin-controls input{flex:1}.admin-data{margin-top:24px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #739c58;outline-offset:3px}@media(max-width:720px){header{padding:20px}main{margin-top:16px}.grid,.steps{grid-template-columns:1fr}.card{padding:24px}.price{font-size:56px}.admin-controls{display:block}h1{letter-spacing:-1px}}