@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700&display=swap);
:root{--ink:#202c34;--muted:#77828a;--line:#e5e8e9;--paper:#f5f6f7;--orange:#df5937;--orange-dark:#b9442c;--soft-orange:#fff0e9;--khmer-font:"Noto Sans Khmer",sans-serif}*{box-sizing:border-box}body,html{font-family:Noto Sans Khmer,sans-serif}body{background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5;margin:0;min-height:100vh}a{color:inherit}.service-strip{background:#273b3b;color:#f7f5f0;font-size:10px;height:30px}.service-inner{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;padding:0 24px;width:min(1320px,100%)}.service-inner a{color:#fff;text-decoration:none}.shop-header{background:var(--orange);box-shadow:0 0 0 rgba(15,23,42,0);color:#fff;position:sticky;top:0;transition:box-shadow .25s ease;z-index:90}.shop-header.is-scrolled{box-shadow:0 8px 18px rgba(15,23,42,.12)}.header-inner{gap:20px;justify-content:space-between;margin:auto;min-height:78px;padding:0 24px;width:min(1320px,100%)}.brand,.header-inner{align-items:center;display:flex}.brand{color:#fff;font-size:21px;font-weight:800;gap:9px;text-decoration:none}.brand-mark{border:2px solid #fff;border-radius:50%;display:grid;font:20px Noto Sans Khmer,sans-serif;height:37px;place-items:center;width:37px}.header-link{font-size:12px;font-weight:700;text-decoration:none}.language-switcher{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-right:10px}.language-switcher a{border-radius:999px;color:hsla(0,0%,100%,.88);font-size:11px;padding:4px 8px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.language-switcher a.active,.language-switcher a:hover{background:hsla(0,0%,100%,.15);color:#fff}.main{display:grid;min-height:calc(100vh - 108px);padding:48px 24px;place-items:center}.login-layout{align-items:center;display:grid;gap:72px;grid-template-columns:minmax(0,1fr) 410px;width:min(960px,100%)}.welcome{padding:20px 0}.eyebrow{color:var(--orange-dark);display:inline-block;font-size:10px;font-weight:700;margin-bottom:15px;text-transform:uppercase}.welcome h1{font:500 42px/1.12 Noto Sans Khmer,sans-serif;margin:0;max-width:430px}.welcome p{color:var(--muted);font-size:14px;margin:14px 0 0}.card{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 32px #273b3b0d;padding:32px;width:min(580px,calc(100% - 32px))}.login-layout .card{max-width:410px;width:100%}.card h2{font-size:22px;margin:0 0 7px}.card-intro{color:var(--muted);font-size:12px;margin:0 0 21px}.success{background:#eff9f4;border:1px solid #c8e5d8;border-radius:4px;color:#287e61;font-size:12px;margin-bottom:14px;padding:11px 12px}.error{color:#b9442c;margin:0 0 14px}.error,label{font-size:12px}label{display:block;font-weight:700;margin:15px 0 7px}input{background:#fff;border:1px solid #d9dfe0;border-radius:4px;color:var(--ink);font:inherit;height:43px;padding:0 11px;width:100%}input:focus{border-color:var(--orange);outline:2px solid #df593726}.submit{background:var(--orange-dark);border:0;border-radius:4px;color:#fff;cursor:pointer;font:700 13px Noto Sans Khmer,sans-serif;height:44px;margin-top:22px;width:100%}.submit:hover{background:#a73b26}.links{display:flex;font-size:11px;gap:14px;justify-content:space-between;margin-top:19px}.links a{color:var(--orange-dark);text-decoration:none}.header-link:hover,.links a:hover{text-decoration:underline}.grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.hint{color:#8a96a8;display:block;font-size:11px;font-weight:400;margin-top:4px}.button{background:#4169e1;border:0;border-radius:7px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:12px 17px}.button.secondary{background:#fff;border:1px solid #e4e9f0;color:#202b3c}.step{display:none}.step.active{display:block}.plans{display:grid;gap:10px;margin-top:18px}.plan{border:1px solid #e4e9f0;border-radius:9px;cursor:pointer;display:block;padding:16px}.plan:has(input:checked){background:#f1f4ff;border-color:#4169e1;box-shadow:0 0 0 2px #dbe3ff}.plan input{margin-right:9px;width:auto}.plan strong{font-size:15px}.plan span{color:#4169e1;float:right;font-weight:700}.plan small{color:#78869d;display:block;margin:7px 0 0 25px}.actions{align-items:center;display:flex;justify-content:space-between}.disabled-note{background:#fff5df;border-radius:7px;color:#94651b;font-size:12px;margin-top:16px;padding:12px}@media(max-width:720px){.login-layout{gap:22px;grid-template-columns:1fr;max-width:440px}.main{min-height:calc(100vh - 108px);padding:32px 16px}.welcome{padding:0}.welcome h1{font-size:34px}.card{padding:25px}.grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:420px){.header-inner,.service-inner{padding-left:15px;padding-right:15px}.header-inner{min-height:68px}.brand{font-size:18px}.brand-mark{height:32px;width:32px}.service-strip{height:28px}.main{min-height:calc(100vh - 96px)}.welcome h1{font-size:30px}.card{padding:22px}.links{flex-wrap:wrap}}