:root{--navy:#102a43;--gold:#c99a2e;--cream:#fffaf0;--ink:#172b4d;--muted:#627d98;--line:#d9e2ec;--green:#197149;--red:#a61b1b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"TH Sarabun New","Sarabun",Tahoma,sans-serif;color:var(--ink);background:#f7f9fc;font-size:20px;line-height:1.45}.wrap{max-width:1180px;margin:auto;padding:0 20px}.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.navin{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:28px;font-weight:800;color:var(--navy)}.nav a{text-decoration:none;color:var(--ink);font-weight:700;margin-left:16px}.hero{background:linear-gradient(135deg,#102a43,#243b53);color:white;padding:70px 0}.hero h1{font-size:56px;margin:0}.hero p{font-size:30px;margin:8px 0 28px}.btn{display:inline-block;border:0;border-radius:14px;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.btn-gold{background:var(--gold);color:#14213d}.btn-light{background:#fff;color:var(--navy)}.section{padding:55px 0}.section h2{font-size:38px;margin:0 0 8px}.lead{color:var(--muted);margin-top:0}.grid{display:grid;gap:18px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(16,42,67,.06)}.card h3{font-size:27px;margin:0 0 8px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#eef4f8;color:var(--navy);font-size:16px;font-weight:800}.journey{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.step{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700}.arrow{color:var(--gold);font-weight:900}.contract-list{columns:2;column-gap:28px}.contract-list div{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 10px}.callout{background:var(--cream);border:1px solid #ecd9a6;border-radius:18px;padding:22px}.warning{background:#fff6f6;border:1px solid #f0b6b6;border-radius:16px;padding:18px}.footer{background:#0b1f33;color:#fff;padding:36px 0}.footer a{color:#fff}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:100;padding:20px}.modal.open{display:flex;align-items:center;justify-content:center}.modalbox{background:#fff;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:20px;padding:24px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;text-align:left;font:inherit;cursor:pointer}.choice:hover{border-color:var(--gold);background:#fffaf0}.close{float:right;border:0;background:none;font-size:28px;cursor:pointer}.stat{font-size:42px;font-weight:900}.small{font-size:16px;color:var(--muted)}table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{background:#eef4f8}
@media(max-width:760px){body{font-size:19px}.navin{height:62px}.navlinks{display:none}.brand{font-size:24px}.hero{padding:48px 0}.hero h1{font-size:40px}.hero p{font-size:25px}.grid3,.grid2,.choices{grid-template-columns:1fr}.contract-list{columns:1}.section{padding:40px 0}.section h2{font-size:32px}}
.brand{text-decoration:none}.login-link{border:1px solid var(--navy);border-radius:999px;padding:8px 16px!important;margin-left:18px!important}.auth-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding-top:45px;padding-bottom:45px}.auth-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 16px 45px rgba(16,42,67,.08)}.auth-card.wide{width:min(820px,100%)}.auth-card h1{font-size:38px;margin:0 0 6px}.input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff;margin:5px 0 14px}.input:focus{outline:2px solid rgba(201,154,46,.3);border-color:var(--gold)}label{font-weight:700}.btn-block{width:100%;margin-top:8px}.auth-alt{text-align:center;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.auth-alt a{color:var(--navy)}.error-box{background:#fff1f1;border:1px solid #efb5b5;color:var(--red);padding:10px 13px;border-radius:10px;margin:12px 0}.checkline{display:flex;gap:8px;align-items:flex-start;margin:10px 0 14px}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dashboard-head h1{margin:4px 0}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.quick-actions a{background:#eef4f8;border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;color:var(--navy);font-weight:700}.service-card{text-decoration:none;color:inherit;transition:.15s}.service-card:hover{transform:translateY(-2px);border-color:var(--gold)}
@media(max-width:760px){.navin{justify-content:space-between}.navlinks{display:block}.navlinks a:not(.login-link){display:none}.login-link{display:inline-block!important;margin:0!important;padding:7px 12px!important}.auth-wrap{min-height:calc(100vh - 62px);padding:25px 14px}.auth-card{padding:20px}.dashboard-head{display:block}.dashboard-head .btn{margin-top:10px}.service-grid{grid-template-columns:1fr}}
.lang-switch{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-size:16px;font-weight:800}.lang-switch a{padding:4px 7px!important;margin:0!important;border-radius:8px}.lang-switch a.active{background:var(--navy);color:#fff}.soft-bg{background:#eef4f8}.cream-bg{background:#fffaf0}
@media(max-width:760px){.lang-switch{display:inline-flex!important;margin-left:6px}.navlinks .lang-switch a{display:inline-block!important}.navlinks .lang-switch span{display:inline!important}.lang-switch a{padding:4px 6px!important}}