@font-face{font-family:pingAr;src:url(../media/PingAR+LT_Regular-s.p.24hgsmo86yxqw.otf)format("opentype");font-display:swap;font-weight:400}@font-face{font-family:pingAr;src:url(../media/PingAR+LT_Medium-s.p.2f2btm51wnfv4.otf)format("opentype");font-display:swap;font-weight:500}@font-face{font-family:pingAr;src:url(../media/PingAR+LT_Bold-s.p.0on2spmlh_nvz.otf)format("opentype");font-display:swap;font-weight:700}@font-face{font-family:pingAr Fallback;src:local(Arial);ascent-override:91.23%;descent-override:54.74%;line-gap-override:0.0%;size-adjust:109.62%}._7JcKaq_className{font-family:pingAr,pingAr Fallback}._7JcKaq_variable{--font-ping-ar:"pingAr", "pingAr Fallback"}
:root{--navy:#062b62;--navy-deep:#031c43;--blue:#0567c8;--blue-bright:#1386e8;--sky:#eaf5ff;--ink:#10233f;--muted:#65758d;--line:#dbe6f3;--surface:#fffffff0;--shadow:0 20px 55px #18538d1f}*{box-sizing:border-box}html{background:#f4f9ff;min-width:320px}body{color:var(--ink);font-family:var(--font-ping-ar), Arial, sans-serif;background:radial-gradient(circle at 7% 14%,#339df221,#0000 27rem),radial-gradient(circle at 94% 40%,#75c1ff24,#0000 30rem),linear-gradient(#eef7ff 0,#f8fbff 42rem,#f3f8fd 100%);margin:0}button,select{font:inherit}.portal-shell{min-height:100vh;overflow:hidden}.hero{background:linear-gradient(118deg,#f8fcff 0%,#e9f5ff 55%,#d6edff 100%);border-bottom:1px solid #7cb4e266;min-height:182px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(#0000,#ffffff8c);height:48px;position:absolute;inset:auto 0 0}.hero-backdrop{filter:saturate(.68)contrast(.82);opacity:.5;background:linear-gradient(90deg,#eaf6ff 0%,#e8f6ff80 34%,#dbefff33 100%),url(/images/campus.jpeg) 50% 33%/cover;width:43%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 42%);mask-image:linear-gradient(90deg,#0000,#000 42%)}.hero-content{z-index:1;grid-template-columns:minmax(340px,1fr) 1px minmax(340px,1.25fr);align-items:center;gap:clamp(30px,5vw,74px);width:min(1190px,100% - 48px);min-height:182px;margin:0 auto;display:grid;position:relative}.brand{justify-self:start;align-items:center;gap:16px;display:flex}.brand img{filter:drop-shadow(0 8px 12px #0735701f);border-radius:50%;width:78px;height:78px}.brand div{line-height:1.25;display:grid}.brand strong{color:var(--navy);font-size:clamp(20px,2vw,27px)}.brand span{color:#274f7d;margin-top:4px;font-family:Arial,sans-serif;font-size:14px;font-weight:600}.brand small{color:#56728f;margin-top:2px;font-family:Arial,sans-serif;font-weight:700}.hero-divider{background:linear-gradient(#0000,#2d6199 20% 80%,#0000);width:1px;height:72px}.portal-title{text-align:right;justify-self:start}.title-line{align-items:center;gap:12px;display:flex}.title-line svg{width:46px;color:var(--blue);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}.portal-title h1{color:var(--navy);letter-spacing:-1px;margin:0;font-size:clamp(35px,4vw,52px);line-height:1.1}.portal-title p{color:#164f85;background:#d0eaffbd;border:1px solid #1872c33b;border-radius:999px;margin:9px 0 0;padding:5px 20px 7px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 6px 15px #135d9e14}.content-wrap{z-index:2;width:min(1210px,100% - 40px);margin:-18px auto 0;padding-bottom:48px;position:relative}.selector-card,.plan-card{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #b7d3ebb8;border-radius:24px}.selector-card{padding:24px 30px 28px}.section-heading{align-items:center;gap:13px;margin-bottom:20px;display:flex}.heading-icon{width:45px;height:45px;color:var(--blue);background:#e7f3ff;border-radius:14px;place-items:center;display:grid}.heading-icon svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8px;width:25px}.section-heading h2,.plan-heading h2{color:var(--navy);margin:0;font-size:21px}.section-heading p,.plan-heading p{color:var(--muted);margin:3px 0 0;font-size:13px}.program-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.field{gap:8px;display:grid}.field>span:first-child{color:var(--navy-deep);font-size:14px;font-weight:700}.select-shell{display:block;position:relative}.select-shell select{color:#172a43;appearance:none;cursor:pointer;background:#fff;border:1px solid #b8cbe0;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 15px 2px 44px;transition:border-color .16s,box-shadow .16s}.select-shell select:hover:not(:disabled){border-color:#77a9d8}.select-shell select:focus-visible{border-color:var(--blue);box-shadow:0 0 0 4px #0567c81f}.select-shell select:disabled{color:#8c9bad;cursor:not-allowed;background:#f4f7fa}.select-shell svg{fill:none;width:20px;stroke:var(--navy);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;pointer-events:none;position:absolute;top:50%;left:15px;translate:0 -50%}.plan-card{min-height:355px;margin-top:20px;padding:22px 18px 20px}.plan-topbar{justify-content:space-between;align-items:center;gap:20px;padding:0 8px 17px;display:flex}.plan-heading{align-items:center;gap:13px;display:flex}.plan-heading>span{color:#fff;background:linear-gradient(135deg,#0786e8,#0647a3);border-radius:18px 7px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 9px 22px #0258b140}.plan-heading svg,.empty-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:29px}.print-button{color:#15528e;cursor:pointer;background:#f2f8ff;border:1px solid #bad2e8;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}.print-button:hover{background:#e6f3ff}.print-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px}.period-row{background:linear-gradient(90deg,#f1f8ff4d,#f5faff 50%,#f1f8ff4d);border-block:1px solid #e1ebf5;justify-content:center;align-items:end;gap:28px;margin:0 -18px 16px;padding:17px 24px 18px;display:flex}.compact-field{width:min(245px,28%)}.compact-field .select-shell select{min-height:44px}.summary-chip{color:#4f6680;background:#fff;border:1px solid #cfe2f3;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:135px;min-height:44px;padding:6px 12px;font-size:12px;display:flex}.summary-chip strong{color:#064a9c;background:#dceeff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.table-wrap{border:1px solid #d1dfec;border-radius:14px;overflow:hidden}table{border-collapse:collapse;table-layout:fixed;width:100%}th{color:#fff;text-align:center;background:linear-gradient(#075ba8,#06498e);border-inline-start:1px solid #ffffff47;padding:12px 13px;font-size:13px;font-weight:700}th:first-child{width:12%}th:nth-child(2),th:nth-child(3){width:21%}th:nth-child(4){width:11%}th:nth-child(5){width:35%}td{border-top:1px solid #dde7f0;color:#24364c;text-align:center;vertical-align:middle;background:#fff;border-inline-start:1px solid #dde7f0;padding:12px 13px;font-size:13px;line-height:1.55}tbody tr:nth-child(2n) td{background:#f8fbfe}tbody tr:hover td{background:#f1f8ff}.course-code{color:#073d78;letter-spacing:.2px;direction:ltr;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.course-name,.english-name{color:#142b47;font-weight:700}.english-name{font-family:Arial,sans-serif}.hours-badge{color:#06498e;background:#dcedff;border-radius:10px;place-items:center;min-width:48px;min-height:30px;padding:2px 10px;font-weight:700;display:inline-grid}.description-cell{text-align:right}.loading-state,.message-state{min-height:225px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:30px;display:grid}.loading-state p,.message-state p{margin:0;font-size:14px}.message-state strong{color:var(--navy);font-size:18px}.message-state button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:10px;margin-top:8px;padding:9px 18px}.empty-icon{color:#2370b6;background:#e6f3ff;border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:5px;display:grid}.compact-message{min-height:150px}.error-state{color:#8a5260}.spinner{border:3px solid #d8e9f8;border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:1turn}}.mobile-courses{display:none}footer{color:#75879b;background:#fff9;border-top:1px solid #dbe8f3;justify-content:center;align-items:center;gap:10px;min-height:72px;font-size:12px;display:flex}footer p{color:#315b85;margin:0;font-weight:700}@media (max-width:820px){.hero{min-height:230px}.hero-content{grid-template-columns:1fr;justify-items:center;gap:13px;min-height:230px;padding:22px 0 34px}.hero-backdrop{opacity:.25;width:100%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hero-divider{background:linear-gradient(90deg,#0000,#86afd5,#0000);width:min(260px,70%);height:1px}.brand,.portal-title{justify-self:center}.brand img{width:59px;height:59px}.brand strong{font-size:20px}.brand span{font-size:11px}.portal-title{text-align:center}.title-line{justify-content:center}.title-line svg{width:34px}.portal-title h1{font-size:34px}.portal-title p{margin-top:5px;font-size:13px}.content-wrap{width:min(100% - 24px,680px);margin-top:-14px}.selector-card{padding:20px}.program-grid{grid-template-columns:1fr;gap:14px}.plan-topbar{align-items:start}.print-button{min-width:42px;padding:0 10px;font-size:0}.print-button svg{width:21px}.period-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.compact-field{width:100%}.summary-chip{grid-column:1/-1}.table-wrap{display:none}.mobile-courses{gap:11px;display:grid}.course-card{background:#fff;border:1px solid #d6e4f1;border-radius:14px;padding:16px}.course-card-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.course-card h3{color:#102c4c;margin:13px 0 4px;font-size:16px}.course-card p{color:#5d6f82;margin:7px 0 0;font-size:13px;line-height:1.6}.course-card .course-en{color:#244e78;text-align:right;font-family:Arial,sans-serif;font-weight:600}}@media (max-width:520px){.hero-content{width:calc(100% - 28px)}.brand{gap:10px}.brand img{width:51px;height:51px}.brand strong{font-size:17px}.section-heading p,.plan-heading p{display:none}.section-heading h2,.plan-heading h2{font-size:18px}.plan-card{padding-inline:13px}.plan-heading>span{width:44px;height:44px}.period-row{grid-template-columns:1fr;margin-inline:-13px}.summary-chip{grid-column:auto}footer{flex-direction:column;gap:0}}@media print{body{background:#fff}.hero,.hero-content{min-height:120px}.hero-backdrop,.selector-card,.print-button,footer{display:none!important}.content-wrap{width:100%;margin:0;padding:0}.plan-card{box-shadow:none;border:0}.table-wrap{display:block}.mobile-courses{display:none}}