@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db9bfcd87f1d73a3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4e2312c98e240c05-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/feed52454563c595-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f83e5507ec3854fa-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8934311971e59087-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/bfdf244a9384e8b2-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b10e9fa1144bb4fb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d13ab8ed065835e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d8c0f620f258dcc1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5fcb63deed33aab6-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e595057e1ab84c19-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/861fabf8a4ffc042-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2b32cc5cb75c7a84-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0d4277ce62acaedf-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/942c4903ae74b0f3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/66c5464579bf95d1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local("Arial");ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.00%;size-adjust:101.17%}.__className_218bf9{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}:root{--bg:#f4f5f7;--surface:#ffffff;--text:#1c1c21;--text-muted:#6b7280;--line:#e5e7eb;--danger:#b91c1c;--positive:#047857;--radius-card:16px;--radius-input:12px;--shadow-soft:0 1px 2px rgb(28 28 33/0.05)}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden}body{background:#223164;color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}.link{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.shell{max-width:480px;margin:0 auto;min-height:100dvh;padding:16px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;background:#223164;color:#eaf0fb;overflow-x:hidden}.shell .home-header__greet{color:rgba(234,240,251,.72)}.shell .home-header__name,.shell .page-header__title,.shell .section-title{color:#ffffff}.shell>.empty,.shell>.foot{color:rgba(234,240,251,.72)}.shell .card,.shell .page-header__back,.shell .pdpa,.shell .pf-panel,.shell .tile{color:var(--text)}.home-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.home-header__greet{font-size:14px;color:var(--text-muted);margin:0}.home-header__name{font-size:18px;font-weight:600;margin:0}.home-header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--surface);box-shadow:var(--shadow-soft)}.page-header{display:flex;align-items:center;gap:10px;padding-top:4px}.page-header__back{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-input);background:var(--surface);box-shadow:var(--shadow-soft);color:var(--text)}.page-header__title{font-size:18px;font-weight:600;margin:0}.member-card{position:relative;border-radius:var(--radius-card);padding:20px;color:#fff;display:flex;flex-direction:column;gap:16px}.member-card__qr{position:absolute;right:16px;bottom:16px;background:#fff;padding:5px;border-radius:9px;line-height:0;box-shadow:0 2px 8px rgba(0,0,0,.18)}.member-card__qr svg{display:block;width:60px;height:60px}.member-card__top{display:flex;align-items:center;justify-content:space-between}.member-card__brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.01em}.member-card__logo{height:36px;width:auto;max-width:130px;object-fit:contain;background:#fff;padding:4px 7px;border-radius:8px;box-shadow:0 1px 3px rgb(0 0 0/.15)}.member-card__monogram{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgb(255 255 255/.2);font-size:12px;font-weight:700}.member-card__tier{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:rgb(255 255 255/.18);border:1px solid rgb(255 255 255/.28)}.member-card__tier--position{max-width:55%;text-align:right;line-height:1.25;white-space:normal;word-break:break-word;flex-shrink:0}.member-card__top{align-items:flex-start;gap:10px}.member-card__identity{display:flex;align-items:center;gap:12px}.member-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgb(255 255 255/.4)}.member-card__avatar--empty{display:grid;place-items:center;background:rgb(255 255 255/.2);font-size:20px;font-weight:600}.member-card__name{margin:0;font-size:17px;font-weight:600}.member-card__no{margin:2px 0 0;font-size:13px;opacity:.85;letter-spacing:.06em}.member-card__points-value{margin:0;font-size:32px;font-weight:700;line-height:1.1}.member-card__points-label{margin:2px 0 0;font-size:13px;opacity:.85}.member-card__progress{display:flex;flex-direction:column;gap:6px}.member-card__progress-track{height:6px;border-radius:999px;background:rgb(255 255 255/.25);overflow:hidden}.member-card__progress-fill{height:100%;border-radius:999px;background:#fff;transition:width .4s ease}.member-card__progress-label{margin:0;font-size:12.5px;opacity:.9}.banner__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.banner__track::-webkit-scrollbar{display:none}.banner__slide{flex:0 0 82%;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}.banner__image{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius-card);background:var(--line);display:block}.banner__image--empty{background:var(--brand-soft)}.banner__title{margin:0;font-size:14px;font-weight:500;padding:0 2px}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px 14px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:transform .15s ease}.tile:active{transform:scale(.97)}.tile__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-soft);color:var(--brand)}.tile__label{font-size:13px;font-weight:500;text-align:center}.form{display:flex;flex-direction:column;gap:16px}.form__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13.5px;font-weight:500}.field__required{color:var(--danger)}.field__hint{margin:0;font-size:12.5px;color:var(--text-muted)}.field__error{margin:0;font-size:12.5px;color:var(--danger)}.input{width:100%;font:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);padding:11px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.input--textarea{resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.pdpa{background:var(--surface);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow-soft)}.pdpa__label{display:flex;gap:10px;font-size:13.5px;align-items:flex-start}.pdpa__checkbox{width:18px;height:18px;margin-top:2px;accent-color:var(--brand);flex-shrink:0}.form__error{margin:0;font-size:13.5px;color:var(--danger);background:#fef2f2;border-radius:var(--radius-input);padding:10px 12px}.btn{font:inherit;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-input);padding:13px 20px;cursor:pointer;transition:transform .1s ease,opacity .15s ease;text-align:center}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--brand);color:#fff}.btn--ghost{color:var(--text)}.btn--ghost,.card{background:var(--surface);box-shadow:var(--shadow-soft)}.card{border-radius:var(--radius-card);padding:16px}.section-title{font-size:15px;font-weight:600;margin:0 0 4px;padding:0 2px}.stack{display:flex;flex-direction:column;gap:12px}.list-item__title{margin:0;font-size:15px;font-weight:600}.list-item__body{margin:6px 0 0;font-size:13.5px;color:var(--text-muted)}.list-item__meta{margin:8px 0 0;font-size:12.5px;color:var(--text-muted)}.chip{display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand)}.news-image{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:12px;margin-bottom:10px;display:block;background:var(--line)}.points-summary{text-align:center;padding:24px 16px}.points-summary__value{margin:0;font-size:40px;font-weight:700;line-height:1.1;color:var(--brand)}.points-summary__label{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.ledger{display:flex;flex-direction:column}.ledger__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0}.ledger__row+.ledger__row{border-top:1px solid var(--line)}.ledger__reason{margin:0;font-size:14px;font-weight:500}.ledger__date{margin:2px 0 0;font-size:12.5px;color:var(--text-muted)}.ledger__delta{font-size:15px;font-weight:600;white-space:nowrap}.ledger__delta--plus{color:var(--positive)}.ledger__delta--minus{color:var(--danger)}.profile-list{display:flex;flex-direction:column}.profile-list__row{display:flex;justify-content:space-between;gap:16px;padding:11px 0}.profile-list__row+.profile-list__row{border-top:1px solid var(--line)}.profile-list__key{font-size:13.5px;color:var(--text-muted);flex-shrink:0}.profile-list__value{font-size:14px;font-weight:500;text-align:right;overflow-wrap:anywhere}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg,#e9eaee 25%,#f2f3f5 50%,#e9eaee 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn,.member-card__progress-fill,.tile{transition:none}}.empty{text-align:center;color:var(--text-muted);font-size:14px;padding:32px 16px}.error-box{background:#fef2f2;color:var(--danger);border-radius:var(--radius-card);padding:16px;font-size:14px}.prose{font-size:14px;line-height:1.7}.prose h2{font-size:15px;margin:20px 0 6px}.prose p{margin:0 0 10px;color:var(--text-muted)}.home-header__avatar{cursor:pointer}.home-header__avatarbtn{border:none;background:none;padding:0;cursor:pointer;border-radius:50%;line-height:0}.pf-overlay{position:fixed;inset:0;z-index:50;background:rgba(15,18,22,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:pf-fade .2s ease}@keyframes pf-fade{0%{opacity:0}}.pf-panel{width:100%;max-width:480px;background:var(--surface);border-radius:22px 22px 0 0;max-height:92dvh;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:pf-up .28s cubic-bezier(.22,1,.36,1)}@keyframes pf-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.pf-overlay,.pf-panel{animation:none}}.pf-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.pf-head h2{margin:0;font-size:18px;font-weight:700}.pf-close{border:none;background:var(--bg);color:var(--text-muted);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.pf-scroll{overflow-y:auto;padding:4px 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.pf-topmeta{display:flex;align-items:center;justify-content:space-between}.pf-topmeta span{font-size:12.5px;color:var(--text-muted);display:block}.pf-topmeta b{font-size:15px}.pf-edit{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--brand);color:#fff}.pf-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 16px;gap:14px 16px}.pf-info{min-width:0}.pf-info[data-full="1"]{grid-column:1/-1}.pf-info__label{display:block;font-size:12.5px;color:var(--text-muted);margin-bottom:2px}.pf-info__value{font-size:14.5px;font-weight:500;word-break:break-word}.pf-tier{border:1px solid var(--line);border-radius:var(--radius-card);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pf-tier__head{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}.pf-tier__head b{font-size:15px}.pf-tier__foot{font-size:12.5px;color:var(--text-muted)}.pf-bar{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.pf-bar>span{display:block;height:100%;background:var(--brand);border-radius:999px;transition:width .4s ease}.member-card__tiername{font-weight:700;font-size:15.5px;letter-spacing:.4px}.lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:rgba(0,0,0,.05);border:1px solid var(--line)}.lang-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:600;line-height:1;padding:6px 11px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.lang-toggle__btn.is-active{background:var(--brand);color:#fff}.lang-toggle--light{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}.lang-toggle--light .lang-toggle__btn{color:rgba(255,255,255,.75)}.lang-toggle--light .lang-toggle__btn.is-active{background:#fff;color:var(--brand)}@media (prefers-reduced-motion:reduce){.lang-toggle__btn{transition:none}}.home-header__actions{display:flex;align-items:center;gap:10px}.course-cta{color:var(--brand);font-weight:600;font-size:13.5px;text-decoration:none}.course-cta:hover{text-decoration:underline}.course-enroll{margin-top:12px;width:100%;border:none;border-radius:var(--radius-input);padding:11px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--brand);cursor:pointer}.course-enroll:disabled{cursor:default}.course-enroll--done{background:color-mix(in srgb,var(--positive,#047857) 14%,#fff);color:var(--positive,#047857);border:1px solid color-mix(in srgb,var(--positive,#047857) 40%,transparent)}