.cl-page{display:none}
@media(min-width:768px){
body.psCustomerLogin{background:#faf9f7}.psCustomerLogin>.loginApp{display:none!important}.cl-page,.cl-page *{box-sizing:border-box}
.cl-page{display:block;max-width:1260px;margin:0 auto;padding:24px 24px 36px;color:#172033;font-family:Sarabun,Tahoma,sans-serif}
.cl-crumb{display:flex;align-items:center;gap:12px;font-size:13px;margin:0 0 22px;color:#ff6500}.cl-crumb a{color:#667085;text-decoration:none}.cl-crumb i{font-size:10px;color:#98a2b3}
.cl-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:#fff;border:1px solid #e8eaee;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px #17203308}
.cl-story{background:#fff3e3;display:flex;flex-direction:column;min-width:0}.cl-story-copy{padding:32px 32px 20px}.cl-story h2{font-size:42px;line-height:1.25;color:#f26300;margin:0 0 12px;font-weight:800}.cl-story-copy>p{font-size:20px;font-weight:600;line-height:1.6;margin:0}
.cl-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.cl-benefits>div{display:flex;align-items:center;gap:12px}.cl-benefits i{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;background:#ffe1b8;border-radius:50%;font-size:24px;color:#ff6500}.cl-benefits b{display:block;font-size:15px}.cl-benefits small{display:block;color:#7b8494;font-size:12px;margin-top:5px}.cl-art{display:block;width:100%;flex:1;min-height:280px;object-fit:cover;object-position:center}
.cl-form-panel{padding:28px 30px;min-width:0}.cl-form-panel h1{font-size:28px;line-height:1.4;margin:0;font-weight:800}.cl-sub{font-size:14px;color:#7b8494;margin:6px 0 18px}
.cl-alert{display:flex;align-items:center;gap:14px;border-radius:10px;padding:12px 16px;margin-bottom:14px;font-size:14px}.cl-note{background:#fff3e5;color:#f26300}.cl-note>i{font-size:30px}.cl-note b{font-size:14px}.cl-note small{display:block;color:#98a2b3;font-size:12px;margin-top:4px}.cl-error{background:#fff0f0;border:1px solid #fecaca;color:#b42318}
.cl-social{display:grid;gap:10px}.cl-social a{height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid #d0d5dd;color:#172033}.cl-social .cl-line{background:#06c755;border-color:#06c755;color:white}.cl-line i{font-size:25px}.cl-google svg{width:24px;height:24px}.cl-social a:hover{filter:brightness(.97)}
.cl-divider{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:12px;margin:18px 0}.cl-divider:before,.cl-divider:after{content:"";height:1px;background:#e8eaee;flex:1}
.cl-form label{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}.cl-input{display:flex;align-items:center;gap:10px;height:46px;padding:0 13px;border:1px solid #d0d5dd;border-radius:9px}.cl-input>i{color:#98a2b3;font-size:20px}.cl-input input{width:100%;min-width:0;border:0;background:none;font:14px Sarabun,sans-serif;outline:none;color:#172033}.cl-input:focus-within{border-color:#ff6500;box-shadow:0 0 0 3px #fff0e5}.cl-input button{border:0;background:none;color:#667085;font-size:19px;cursor:pointer;padding:5px}.cl-help{text-align:right;margin:12px 0 15px;font-size:12px}.cl-page a{transition:color .15s}.cl-help a,.cl-register a,.cl-back{color:#f26300;text-decoration:none}.cl-submit{display:flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:9px;background:#ff6500;color:white;height:49px;width:100%;font:700 16px Sarabun,sans-serif;cursor:pointer}.cl-submit:hover{background:#ee5d00}.cl-register{text-align:center;font-size:14px;margin:18px 0;color:#667085}.cl-register a{font-weight:600}.cl-back{display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px}
.cl-page a:focus-visible,.cl-page button:focus-visible{outline:3px solid #ffad75;outline-offset:3px}
}
@media(min-width:768px) and (max-width:1100px){.cl-story-copy{padding:26px 22px 20px}.cl-story h2{font-size:32px}.cl-story-copy>p{font-size:17px}.cl-form-panel{padding:25px 22px}.cl-benefits{gap:12px}.cl-benefits>div{gap:8px}.cl-benefits b{font-size:13px}.cl-benefits small{font-size:11px}.cl-benefits i{width:38px;height:38px;font-size:21px}.cl-form-panel h1{font-size:25px}}