.page-module___8aEwW__page{color:#132033;background:radial-gradient(circle at 8% -4%,#d7ebff 0%,#0000 26%),radial-gradient(circle at 95% 10%,#f4eadf 0%,#0000 20%),#f4f7fb;min-height:100vh}.page-module___8aEwW__main{width:min(1140px,100% - 2rem);padding:var(--space-8)0 calc(var(--space-8) + var(--space-6));margin:0 auto}.page-module___8aEwW__topBar{justify-content:space-between;align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#ffffffd6;border:1px solid #d9e2ee;border-radius:16px;display:flex}.page-module___8aEwW__brand{letter-spacing:.08em;color:#1b3f68;font-size:13px;font-weight:700}.page-module___8aEwW__brandBlock{align-items:center;gap:var(--space-3);display:flex}.page-module___8aEwW__brandLogos{align-items:center;gap:var(--space-2);display:flex}.page-module___8aEwW__logoFrame{background:#fff;border:1px solid #d7e3f1;border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.page-module___8aEwW__logo{object-fit:contain;width:46px;height:46px}.page-module___8aEwW__logoPemkab{width:42px;height:42px}.page-module___8aEwW__logoEkraf{width:46px;height:46px}.page-module___8aEwW__brandText{flex-direction:column;display:flex}.page-module___8aEwW__brandMeta{color:#567091;margin-top:2px;font-size:13px}.page-module___8aEwW__topActions{align-items:center;gap:var(--space-2);display:flex}.page-module___8aEwW__dashboardButton,.page-module___8aEwW__loginButton{border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.page-module___8aEwW__dashboardButton{color:#274a75;background:#f8fbff;border:1px solid #ccd9e8}.page-module___8aEwW__loginButton{color:#fff;background:#143f67}.page-module___8aEwW__hero{margin-top:var(--space-4);padding:var(--space-6);gap:var(--space-5);background:#fff;border:1px solid #d9e2ee;border-radius:20px;grid-template-columns:1.25fr .75fr;display:grid;box-shadow:0 20px 42px #15385a10}.page-module___8aEwW__kicker{color:#194e81;letter-spacing:.08em;background:#edf5ff;border:1px solid #bad2eb;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.page-module___8aEwW__heroLeft h1{margin-top:var(--space-3);letter-spacing:-.03em;max-width:16ch;font-size:clamp(30px,5vw,48px);line-height:1.05}.page-module___8aEwW__heroLead{margin-top:var(--space-3);color:#4f647f;max-width:62ch;line-height:1.75}.page-module___8aEwW__heroRight{border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(160deg,#f8fbff 0%,#f1f6fd 100%);border:1px solid #d7e2ef}.page-module___8aEwW__heroRight h2{color:#20364f;font-size:16px}.page-module___8aEwW__heroRight ul{margin-top:var(--space-3);gap:var(--space-2);list-style:none;display:grid}.page-module___8aEwW__heroRight li{border-radius:var(--radius-sm);background:#fff;border:1px solid #d9e4f1;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.page-module___8aEwW__heroRight strong{color:#173f68;font-size:18px}.page-module___8aEwW__heroRight span{color:#486384;font-size:13px}.page-module___8aEwW__featureGrid{margin-top:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.page-module___8aEwW__featureCard{border-radius:var(--radius-md);padding:var(--space-4);background:#fff;border:1px solid #d9e2ee}.page-module___8aEwW__featureCard h3{font-size:15px}.page-module___8aEwW__featureCard p{margin-top:var(--space-2);color:#4d627f;font-size:14px;line-height:1.65}.page-module___8aEwW__timelineSection{margin-top:var(--space-7)}.page-module___8aEwW__sectionHead{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.page-module___8aEwW__sectionHead h2{letter-spacing:-.02em;font-size:24px}.page-module___8aEwW__sectionHead span{color:#456286;background:#fff;border:1px solid #d3dfec;border-radius:999px;padding:5px 10px;font-size:13px}.page-module___8aEwW__calendarWrap{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module___8aEwW__monthCard{padding:var(--space-4);border-radius:var(--radius-md);background:#fff;border:1px solid #d5e1ef}.page-module___8aEwW__monthCard h3{margin-bottom:var(--space-3);text-transform:capitalize;font-size:16px}.page-module___8aEwW__weekHeader{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.page-module___8aEwW__weekHeader span{text-align:center;color:#4d6482;letter-spacing:.04em;font-size:11px;font-weight:700}.page-module___8aEwW__daysGrid{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.page-module___8aEwW__dayCell{border-radius:var(--radius-sm);min-height:78px;padding:var(--space-2);gap:var(--space-1);background:#fafcff;border:1px solid #e0e8f3;flex-direction:column;display:flex}.page-module___8aEwW__dayNumber{color:#4a617f;font-size:12px;font-weight:600}.page-module___8aEwW__daySession{gap:var(--space-1);flex-direction:column;display:flex}.page-module___8aEwW__tooltipAnchor{outline:none;width:fit-content;display:inline-block;position:relative}.page-module___8aEwW__daySession span{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.page-module___8aEwW__tooltipPanel{opacity:0;pointer-events:none;z-index:10;background:#fff;border:1px solid #ccd9ea;border-radius:10px;width:min(260px,72vw);padding:10px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 10px 24px #0f2e4d1a}.page-module___8aEwW__tooltipAnchor:hover .page-module___8aEwW__tooltipPanel,.page-module___8aEwW__tooltipAnchor:focus-visible .page-module___8aEwW__tooltipPanel,.page-module___8aEwW__tooltipAnchor:focus-within .page-module___8aEwW__tooltipPanel{opacity:1;pointer-events:auto;transform:translateY(0)}.page-module___8aEwW__tooltipTitle{color:#18395f;font-size:12px;font-weight:700;line-height:1.35}.page-module___8aEwW__tooltipText{color:#476384;margin-top:6px;font-size:12px;line-height:1.45}.page-module___8aEwW__tooltipMeta{color:#647b97;margin-top:8px;font-size:11px}.page-module___8aEwW__foundation{color:#245e8b;background:#eaf6ff}.page-module___8aEwW__interactivity{color:#915b10;background:#fff2da}.page-module___8aEwW__modernTools{color:#2d4e8d;background:#e8f0ff}.page-module___8aEwW__finalProject{color:#ae2e2e;background:#ffe8e8}.page-module___8aEwW__modeTag{color:#36527b;background:#edf2fb}.page-module___8aEwW__assessmentTag{color:#8e4700;background:#ffe4bf}@media (max-width:1024px){.page-module___8aEwW__featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module___8aEwW__calendarWrap{grid-template-columns:1fr}}@media (max-width:800px){.page-module___8aEwW__main{width:min(1140px,100% - 1.25rem);padding-top:22px}.page-module___8aEwW__topBar{flex-direction:column;align-items:center}.page-module___8aEwW__brandLogos{gap:6px}.page-module___8aEwW__logoFrame{border-radius:10px;width:48px;height:48px}.page-module___8aEwW__logo{width:40px;height:40px}.page-module___8aEwW__logoPemkab{width:36px;height:36px}.page-module___8aEwW__logoEkraf{width:40px;height:40px}.page-module___8aEwW__hero{grid-template-columns:1fr;padding:18px}.page-module___8aEwW__heroLeft h1{max-width:100%}}@media (max-width:620px){.page-module___8aEwW__featureGrid{grid-template-columns:1fr}.page-module___8aEwW__sectionHead{text-align:center;flex-direction:column;align-items:center;gap:8px}}