:root{color-scheme:light;--bg:#e8edf3;--surface:#e3e9f0;--text:#26364b;--muted:#536478;--accent:#17667b;--line:#acb9c9;--shadow:#b6c1d0;font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans Thai",Tahoma,sans-serif;font-size:17px;line-height:1.7;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,nav:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}[hidden]{display:none!important}.shell{max-width:1040px;margin:auto;padding:36px 48px 24px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px;gap:8px}.brand-mark{width:36px;height:36px;display:grid;place-content:center;font-size:26px;border-radius:12px;color:var(--accent);background:var(--surface);box-shadow:4px 4px 9px var(--shadow),-4px -4px 9px #fff}.brand-dot{color:var(--accent);margin-left:-8px}.top-label{font-size:14px;color:var(--muted)}main{padding-top:66px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:15px;font-weight:650}h1{font-size:clamp(34px,5vw,50px);line-height:1.35;letter-spacing:-1.5px;font-weight:650;margin:0 0 18px}.lead{color:var(--muted);max-width:620px;margin:0 0 32px;line-height:1.8}.apps{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.app{min-width:0;border:1px solid #ced7e2;border-radius:24px;padding:28px;background:var(--surface);box-shadow:9px 9px 22px #bbc6d6,-9px -9px 22px #fff;display:flex;flex-direction:column}.app[data-selected="true"]{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.app-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-icon{display:grid;place-content:center;border-radius:15px;width:52px;height:52px;font-weight:700;font-size:26px;box-shadow:inset 3px 3px 7px #bdc8d6,inset -3px -3px 7px #fff}.lex-icon{color:#17667b}.cgsc-icon{color:#76501d}.category{color:var(--muted);font-size:14px}h2{font-size:25px;margin:24px 0 8px;line-height:1.5;letter-spacing:-.5px}.description{color:var(--muted);margin:0 0 20px;line-height:1.85}.account{font-size:14px;color:var(--muted);margin:0 0 14px}.open{border-radius:12px;background:var(--accent);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 18px;font-weight:600;text-decoration:none}.open:hover{background:#105065;color:white}.open:active{transform:translateY(1px)}.secondary{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:6px 0 0;text-underline-offset:4px;color:var(--muted)}.static-note{cursor:default}.access-note{margin:32px 0 0;color:var(--muted);font-size:14px}.access-note summary{cursor:pointer;min-height:44px;display:list-item;width:fit-content;padding:10px 0}.access-note p{max-width:710px;margin:8px 0;line-height:1.85}.notice{padding:12px 16px;border-left:3px solid var(--accent);background:#f3f6f9;margin:0;max-width:620px;font-size:15px}.no-script{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;margin-top:40px;padding-top:20px;border-top:1px solid #c5cfdb;color:var(--muted);font-size:12px}.skip{position:absolute;top:-90px;left:16px;background:white;padding:10px 18px;border-radius:6px;z-index:2}.skip:focus{top:12px}
@media(max-width:600px){.shell{padding:24px 22px 22px}main{padding-top:42px}.apps{grid-template-columns:1fr;gap:24px;margin-top:28px}.app{padding:24px}.lead{font-size:16px;margin-bottom:24px}h1{font-size:34px;letter-spacing:-.7px}.access-note{margin-top:24px}footer{margin-top:30px}.description br{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.open:active{transform:none}}