@font-face{font-family:'Noto Thai Only';src:url('../fonts/noto-sans-thai/NotoSansThai-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:'Noto Thai Only';src:url('../fonts/noto-sans-thai/NotoSansThai-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:'Noto Thai Only';src:url('../fonts/noto-sans-thai/NotoSansThai-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:'Noto Thai Only';src:url('../fonts/noto-sans-thai/NotoSansThai-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:'Noto Thai Only';src:url('../fonts/noto-sans-thai/NotoSansThai-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}
:root{--bg:#051424;--panel:#122131;--panel2:#0d1c2d;--line:#55433a;--text:#d4e4fa;--muted:#dcc1b6;--primary:#ffb693;--orange:#e07a44}*{box-sizing:border-box}body{margin:0;font-family:'Noto Thai Only','Inter',sans-serif}.font-\[Inter\]{font-family:'Noto Thai Only','Inter',sans-serif}.font-mono{font-family:'Noto Thai Only','JetBrains Mono',monospace}.font-head{font-family:'Noto Thai Only','Hanken Grotesk',sans-serif}.glass{background:rgba(18,33,49,.65);backdrop-filter:blur(16px);border:1px solid rgba(164,201,255,.1)}.card{background:#122131;border:1px solid rgba(164,201,255,.1)}.soft-card{background:#0d1c2d;border:1px solid rgba(164,201,255,.08)}.module-img{width:100%;aspect-ratio:16/9;background:#c9c9c9;color:#111;display:flex;align-items:center;justify-content:center;font-size:11px;overflow:hidden;position:relative}.module-img img{position:absolute;inset:0;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;display:block}.progressbar{height:8px;background:#273647;border-radius:6px;overflow:hidden}.progressbar span{display:block;height:100%;background:#ffb693}.progressbar.blue span{background:#a4c9ff}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:99;padding:24px}.modal-bg.open{display:flex}.modal-box{width:min(1180px,100%);max-height:92vh;overflow:auto;background:#051424;border:1px solid #55433a;border-radius:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffb693;color:#562000;padding:14px 28px;text-transform:uppercase;letter-spacing:.12em;font-family:'Noto Thai Only','JetBrains Mono',monospace;font-size:12px}.btn-dark{background:#273647;color:#d4e4fa}.badge{background:rgba(255,182,147,.1);border:1px solid rgba(255,182,147,.25);color:#ffb693;padding:4px 10px;border-radius:4px;font-family:'Noto Thai Only','JetBrains Mono';font-size:12px}.login-input{width:100%;background:#0d1c2d!important;border:1px solid rgba(164,201,255,.12)!important;color:#d4e4fa!important;border-radius:10px!important;padding:14px!important}
.score-ring{position:relative;width:232px;height:232px;border-radius:999px;display:grid;place-items:center}.score-ring__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.score-ring__track,.score-ring__progress{fill:none;stroke-width:14;transform:rotate(-90deg);transform-origin:60px 60px;stroke-linecap:butt}.score-ring__track--outer{stroke:rgba(255,182,147,.22)}.score-ring__track--inner{stroke:rgba(164,201,255,.22)}.score-ring__progress--outer{stroke:#ffb693}.score-ring__progress--inner{stroke:#a4c9ff}.score-ring__inner{position:relative;z-index:1;width:104px;height:104px;border-radius:999px;background:#102033;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.outcome-heading{height:64px;align-items:flex-start;overflow:hidden}.outcome-card .progressbar{width:100%}@media (max-width:767px){.outcome-heading{height:auto;overflow:visible}}
.module-type-img{position:relative}.module-type-img .rotating-course-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2200ms ease-in-out}.module-type-img .rotating-course-image.active{opacity:1}.module-slider-btn:disabled{cursor:not-allowed}



body,.font-\[Inter\]{font-family:'Noto Thai Only','Inter',sans-serif!important}.font-head{font-family:'Noto Thai Only','Hanken Grotesk',sans-serif!important}.font-mono{font-family:'Noto Thai Only','JetBrains Mono',monospace!important}.outcome-card,.outcome-card *{font-family:'Noto Thai Only','Inter',sans-serif!important}



.module-card{display:flex;flex-direction:column;height:100%;overflow:hidden}.module-card-body{display:flex;flex:1;flex-direction:column}.module-card-title{min-height:4.1em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.module-card-meta{margin-top:auto}
@media (max-width:767px){.module-card-title{min-height:auto}}