.mti{--green:#022f2a;--green2:#06483f;--gold:#c19144;--cream:#f7f2e8;--paper:#fffdf8;--ink:#113a35;--muted:#6d7b77;--line:#e5dfd3;position:relative;isolation:isolate;width:min(1280px,100%);margin:auto;padding:clamp(36px,6vw,76px) 18px;color:var(--ink);font-family:Inter,Arial,sans-serif}.mti *{box-sizing:border-box}.mti button{font:inherit;cursor:pointer}.mti__intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;animation:mtiRise .65s both}.mti__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.mti__eyebrow:before{width:34px;height:1px;background:currentColor;content:""}.mti__intro h2{margin:0;color:var(--green);font-family:Lora,Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.07}.mti__intro p{max-width:600px;margin:13px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.mti__today{min-height:48px;padding:0 18px;border:0;border-radius:11px;color:#fff;background:var(--green);box-shadow:0 10px 24px rgba(2,47,42,.17);font-weight:700;transition:.2s}.mti__today:hover{transform:translateY(-2px);background:var(--green2)}.mti__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:22px;align-items:start}.mti__calendar,.mti__events{overflow:hidden;border:1px solid rgba(193,145,68,.22);border-radius:22px;background:rgba(255,253,248,.96);box-shadow:0 22px 60px rgba(2,47,42,.13);animation:mtiRise .72s .08s both}.mti__events{position:sticky;top:20px;animation-delay:.16s}.mti__calendar-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;color:#fff;background:var(--green)}.mti__calendar-head h3{margin:0;color:#fff;font-family:Lora,Georgia,serif;font-size:clamp(23px,3vw,31px)}.mti__calendar-head p{margin:5px 0 0;color:#e8ca96;font-size:13px;font-weight:600}.mti__nav{display:flex;gap:8px}.mti__nav button{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:11px;color:#fff;background:rgba(255,255,255,.07);font-size:28px;line-height:1;transition:.2s}.mti__nav button:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(193,145,68,.18)}.mti__calendar-body{padding:clamp(13px,2.4vw,24px)}.mti__weekdays,.mti__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.mti__weekdays{border-bottom:1px solid var(--line)}.mti__weekdays span{padding:9px 4px 13px;color:var(--muted);font-size:12px;font-weight:800;text-align:center;text-transform:uppercase}.mti__days{border-left:1px solid var(--line)}.mti__day{position:relative;min-height:105px;padding:9px;overflow:hidden;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);background:transparent;text-align:left;transition:.2s;animation:mtiDay .35s both}.mti__day:hover,.mti__day:focus-visible{z-index:2;background:#fff;box-shadow:inset 0 0 0 2px rgba(193,145,68,.42);outline:0}.mti__day.is-other{color:#a9b0ad;background:rgba(245,241,233,.66)}.mti__day.is-selected{background:rgba(193,145,68,.1);box-shadow:inset 0 0 0 2px var(--gold)}.mti__day.is-today .mti__date{color:#fff;background:var(--green)}.mti__day-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.mti__date{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;font-size:13px;font-weight:800}.mti__hijri{color:var(--gold);font-size:11px;font-weight:700}.mti__chips{display:grid;gap:4px;margin-top:7px}.mti__chip{overflow:hidden;padding:4px 6px;border-radius:5px;color:#fff;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mti__more{color:var(--muted);font-size:10px;font-weight:700}.mti .is-pengajian{background:#167f70}.mti .is-daurah{background:#a97421}.mti .is-program{background:#7046a4}.mti .is-cuti{background:#b04a50}.mti__legend{display:flex;flex-wrap:wrap;gap:12px 18px;padding-top:17px}.mti__legend span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600}.mti__legend i{width:9px;height:9px;border-radius:50%}.mti__events-head{padding:22px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green2))}.mti__events-head h3{margin:0;color:#fff;font-family:Lora,Georgia,serif;font-size:23px}.mti__events-head p{margin:7px 0 0;color:rgba(255,255,255,.72);font-size:13px}.mti__events-body{padding:18px}.mti__selected-date{margin-bottom:15px;padding:12px 14px;border:1px solid rgba(193,145,68,.22);border-radius:10px;color:var(--green);background:var(--cream);font-size:13px;font-weight:700}.mti__event-list{display:grid;gap:10px;max-height:550px;overflow:auto;padding-right:4px}.mti__event{position:relative;padding:15px 13px 13px 17px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;animation:mtiSlide .35s both;transition:.2s}.mti__event:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(2,47,42,.09)}.mti__event:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--event-color);content:""}.mti__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.mti__badge{padding:4px 7px;border-radius:20px;color:#fff;background:var(--event-color);font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.mti__time{color:var(--muted);font-size:11px;font-weight:700}.mti__event h4{margin:10px 0 5px;color:var(--green);font-family:Lora,Georgia,serif;font-size:16px;line-height:1.4}.mti__event p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.mti__empty{padding:38px 15px;color:var(--muted);text-align:center}.mti__empty-icon{display:grid;width:60px;height:60px;margin:0 auto 13px;place-items:center;border-radius:50%;color:var(--gold);background:var(--cream);font-size:25px}.mti__empty strong{display:block;margin-bottom:6px;color:var(--green);font-family:Lora,Georgia,serif}.mti__empty span{font-size:12px;line-height:1.55}@keyframes mtiRise{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}@keyframes mtiSlide{from{transform:translateX(15px);opacity:0}to{transform:none;opacity:1}}@keyframes mtiDay{from{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}@media(max-width:960px){.mti__layout{grid-template-columns:1fr}.mti__events{position:static}.mti__event-list{max-height:none}}@media(max-width:650px){.mti{padding-inline:10px}.mti__intro{display:block}.mti__today{width:100%;margin-top:18px}.mti__calendar,.mti__events{border-radius:15px}.mti__calendar-head{padding:18px 15px}.mti__calendar-head h3{font-size:22px}.mti__calendar-body{padding:8px}.mti__weekdays span{font-size:10px}.mti__day{min-height:72px;padding:5px}.mti__date{width:25px;height:25px;font-size:11px}.mti__hijri{font-size:9px}.mti__chip{width:8px;height:8px;padding:0;border-radius:50%;color:transparent}.mti__chips{display:flex;flex-wrap:wrap;gap:3px}.mti__more{font-size:8px}}@media(prefers-reduced-motion:reduce){.mti *{animation-duration:.01ms!important;transition-duration:.01ms!important}}