@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.header{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-200)}.header__inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header__logo{display:flex;align-items:center;text-decoration:none;color:inherit}.header__logo-img{height:56px;width:auto;display:block}.header__nav{display:flex;align-items:center;gap:.25rem}.header__link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;color:var(--neutral-600);border-radius:var(--radius-md);transition:all .2s}.header__link .header__link-icon{display:flex;align-items:center}.header__link:hover{color:var(--telkom-red)}.header__link--active{background:#e306131a;color:var(--telkom-red)}.header__link--active .header__link-icon{color:var(--telkom-red)}.header__actions{display:flex;align-items:center;gap:.75rem}.header__login{font-size:.95rem;font-weight:500;color:var(--neutral-600);padding:.5rem 1rem;border-radius:var(--radius-md);transition:color .2s}.header__login:hover{color:var(--telkom-red)}.header__login--active{color:var(--telkom-red);background:#e306131a}.header__lang{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.9rem;font-weight:500;color:var(--neutral-700);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-md);cursor:pointer}.header__lang:hover{border-color:var(--neutral-400)}.header__avatar{width:40px;height:40px;border-radius:50%;background:var(--neutral-300);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;overflow:hidden}.header__avatar svg{width:24px;height:24px}.header__menu-btn{display:none;flex-direction:column;gap:5px;padding:.5rem;background:none;border:none;cursor:pointer}.header__menu-btn span{width:22px;height:2px;background:var(--neutral-700);border-radius:1px}@media (max-width: 600px){.header__nav{display:none}.header__nav--open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:1rem;background:#fff;border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-md)}.header__actions,.header__menu-btn{display:flex}}.footer{background:#0f172a;color:var(--neutral-300)}.footer__top{padding:4rem 1.5rem 3rem}.footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem}.footer__brand-col{max-width:300px}.footer__brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.footer__logo{height:48px;width:auto;object-fit:contain;display:block}.footer__desc{font-size:.9rem;line-height:1.6;color:var(--neutral-400);margin-bottom:1.25rem}.footer__social{display:flex;gap:.75rem}.footer__social a{color:#fff;opacity:.8;transition:opacity .2s}.footer__social a:hover{opacity:1}.footer__heading{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer__list{list-style:none}.footer__list li{margin-bottom:.5rem}.footer__list a{font-size:.9rem;color:var(--neutral-400)}.footer__list a:hover{color:#fff}.footer__contact{list-style:none}.footer__contact li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--neutral-400);margin-bottom:.75rem}.footer__contact li svg{flex-shrink:0;color:var(--telkom-red);margin-top:.15rem}.footer__bottom{padding:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.footer__inner--bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer__copy,.footer__credit{font-size:.85rem;color:var(--neutral-500)}.footer__heart{color:var(--telkom-red)}@media (max-width: 900px){.footer__inner{grid-template-columns:repeat(2,1fr)}.footer__brand-col{max-width:none;grid-column:1 / -1}}@media (max-width: 600px){.footer__inner{grid-template-columns:1fr;gap:2rem}.footer__inner--bottom{flex-direction:column;text-align:center}}.hero{position:relative;min-height:480px;display:flex;align-items:center;padding:4rem 1.5rem;background:#fff}.hero__content{position:relative;max-width:700px;margin:0 auto;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#e306131a;color:var(--neutral-700);font-size:.9rem;font-weight:500;border-radius:100px;margin-bottom:1.5rem}.hero__badge svg{color:var(--telkom-red);flex-shrink:0}.hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.2;color:var(--neutral-900);margin-bottom:1rem}.hero__title-accent{color:var(--telkom-red)}.hero__btn-arrow{margin-left:.35rem}.hero__btn-play{margin-right:.35rem;font-size:.85em}.hero__subtitle{font-size:1.15rem;color:var(--neutral-600);max-width:520px;margin:0 auto 2rem;line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero__btn{padding:.85rem 1.75rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s}.hero__btn--primary{background:var(--telkom-red);color:#fff}.hero__btn--primary:hover{background:var(--telkom-red-dark);transform:translateY(-1px)}.hero__btn--secondary{background:#fff;color:var(--telkom-red);border:2px solid var(--telkom-red)}.hero__btn--secondary:hover{background:#e306130d}.stats{padding:2.5rem 1.5rem;background:#fff;border-top:1px solid var(--neutral-200)}.stats__inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stats__item{display:flex;flex-direction:column;align-items:center}.stats__icon{color:var(--telkom-red);margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.stats__value{display:block;font-size:1.75rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.stats__label{font-size:.9rem;color:var(--neutral-600)}@media (max-width: 640px){.stats__inner{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats__value{font-size:1.5rem}}.courses{padding:5rem 1.5rem;background:#fff}.courses__inner{max-width:1100px;margin:0 auto}.courses__header{text-align:center;margin-bottom:3rem}.courses__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.courses__subtitle{font-size:1.05rem;color:var(--neutral-500)}.courses__loading,.courses__error,.courses__empty{text-align:center;padding:2rem 1rem;color:var(--neutral-600);font-size:1rem}.courses__error{color:var(--telkom-red)}.courses__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.course-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);transition:all .25s;display:flex;flex-direction:column}.course-card:hover{box-shadow:var(--shadow-lg)}.course-card__thumb{position:relative;height:200px;overflow:hidden}.course-card__level{position:absolute;top:1rem;left:1rem;background:var(--telkom-red);color:#fff;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:100px}.course-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.course-card__category{font-size:.8rem;font-weight:500;color:var(--neutral-700);padding:.3rem .6rem;background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-sm)}.course-card__rating{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--neutral-800)}.course-card__title{font-size:1.1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.course-card__desc{font-size:.9rem;color:var(--neutral-500);line-height:1.5;margin-bottom:1rem;flex:1}.course-card__stats{display:flex;gap:1rem;font-size:.85rem;color:var(--neutral-600);margin-bottom:1rem}.course-card__stats span{display:flex;align-items:center;gap:.4rem}.course-card__stats svg{color:var(--neutral-400);flex-shrink:0}.course-card__btn{display:block;text-align:center;padding:.7rem 1rem;background:var(--telkom-red);color:#fff;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:background .2s;text-decoration:none}.courses__footer{text-align:center;margin-top:2.5rem}.courses__all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--telkom-red);border:2px solid var(--telkom-red);font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s}.courses__all-btn:hover{background:#e306130d}@media (max-width: 900px){.courses__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.courses__grid{grid-template-columns:1fr}}.why-choose{padding:5rem 1.5rem;background:var(--neutral-100)}.why-choose__inner{max-width:1100px;margin:0 auto}.why-choose__header{text-align:center;margin-bottom:3rem}.why-choose__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.why-choose__subtitle{font-size:1.05rem;color:var(--neutral-600)}.why-choose__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.why-choose__card{background:#fff;border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:all .25s}.why-choose__card:hover{box-shadow:var(--shadow-md)}.why-choose__icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--telkom-red)}.why-choose__card-title{font-size:1.1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.75rem}.why-choose__card-desc{font-size:.95rem;color:var(--neutral-600);line-height:1.6}@media (max-width: 900px){.why-choose__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.why-choose__grid{grid-template-columns:1fr}}.learning-categories{padding:5rem 1.5rem;background:#fff}.learning-categories__inner{max-width:1100px;margin:0 auto}.learning-categories__header{text-align:center;margin-bottom:3rem}.learning-categories__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.learning-categories__subtitle{font-size:1.05rem;color:var(--neutral-500)}.learning-categories__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}.learning-categories__card{display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);transition:all .25s;text-decoration:none;color:inherit}.learning-categories__loading,.learning-categories__error{text-align:center;padding:2rem;color:var(--neutral-600)}.learning-categories__error{color:#b91c1c}.learning-categories__card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300)}.learning-categories__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--telkom-red);color:#fff;border-radius:50%;margin-bottom:1rem}.learning-categories__name{font-size:1rem;font-weight:700;color:var(--neutral-900);text-align:center;margin-bottom:.5rem;line-height:1.3}.learning-categories__count{font-size:.9rem;color:var(--neutral-500)}.learning-categories__actions{display:flex;justify-content:center;margin-top:2rem}.learning-categories__toggle-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--telkom-red);background:#fff;border:2px solid var(--telkom-red);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,color .2s}.learning-categories__toggle-btn:hover{background:var(--telkom-red);color:#fff}@media (max-width: 900px){.learning-categories__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.learning-categories__grid{grid-template-columns:repeat(2,1fr)}}.paths{padding:5rem 1.5rem;background:var(--neutral-50)}.paths__inner{max-width:1100px;margin:0 auto}.paths__header{text-align:center;margin-bottom:3rem}.paths__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.paths__subtitle{font-size:1.05rem;color:var(--neutral-600)}.paths__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.path-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);transition:all .25s;display:flex;flex-direction:column}.path-card:hover{box-shadow:var(--shadow-lg)}.path-card__thumb{position:relative;height:220px;overflow:hidden}.path-card__thumb img{width:100%;height:100%;object-fit:cover}.path-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.path-card__duration{display:inline-block;padding:.25rem .6rem;background:#00000080;color:#fff;font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);margin-bottom:.5rem}.path-card__title{font-size:1.35rem;font-weight:700;color:#fff}.path-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.path-card__desc{font-size:.95rem;color:var(--neutral-600);line-height:1.6;margin-bottom:1rem;flex:1}.path-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.path-card__students,.path-card__rating{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--neutral-600)}.path-card__rating svg{color:#eab308}.path-card__btn{display:block;text-align:center;padding:.85rem 1rem;background:var(--telkom-red);color:#fff;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:background .2s}.path-card__btn:hover{background:var(--telkom-red-dark)}@media (max-width: 768px){.paths__grid{grid-template-columns:1fr}}.upcoming-events{padding:5rem 1.5rem;background:#fff}.upcoming-events__inner{max-width:1100px;margin:0 auto}.upcoming-events__header{text-align:center;margin-bottom:3rem}.upcoming-events__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.upcoming-events__subtitle{font-size:1.05rem;color:var(--neutral-600)}.upcoming-events__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.event-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);transition:all .25s;display:flex;flex-direction:column}.event-card:hover{box-shadow:var(--shadow-lg)}.event-card__thumb{position:relative;height:200px;overflow:hidden}.event-card__thumb img{width:100%;height:100%;object-fit:cover}.event-card__price,.event-card__type{position:absolute;padding:.35rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm)}.event-card__price{top:1rem;left:1rem;color:#fff}.event-card__price--free{background:#22c55e}.event-card__price--paid{background:#3b82f6}.event-card__type{top:1rem;right:1rem;background:var(--neutral-200);color:var(--neutral-800)}.event-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.event-card__datetime{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--neutral-500);margin-bottom:.5rem}.event-card__datetime svg{flex-shrink:0;color:var(--neutral-400)}.event-card__title{font-size:1.2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.event-card__desc{font-size:.95rem;color:var(--neutral-600);line-height:1.6;margin-bottom:1rem;flex:1}.event-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.event-card__instructor{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--neutral-600)}.event-card__instructor svg{flex-shrink:0;color:var(--neutral-400)}.event-card__btn{padding:.6rem 1.25rem;background:var(--telkom-red);color:#fff;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);white-space:nowrap;transition:background .2s}.event-card__btn:hover{background:var(--telkom-red-dark)}@media (max-width: 768px){.upcoming-events__grid{grid-template-columns:1fr}}.alumni-stories{padding:5rem 1.5rem;background:var(--neutral-50)}.alumni-stories__inner{max-width:1100px;margin:0 auto}.alumni-stories__header{text-align:center;margin-bottom:3rem}.alumni-stories__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.alumni-stories__subtitle{font-size:1.05rem;color:var(--neutral-600)}.alumni-stories__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.testimonial-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:all .25s}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-card__avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;overflow:hidden;background:var(--neutral-200);display:flex;align-items:center;justify-content:center}.testimonial-card__avatar img{width:100%;height:100%;object-fit:cover}.testimonial-card__avatar span{font-size:1.5rem;font-weight:600;color:var(--neutral-500)}.testimonial-card__name{font-size:1.1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.testimonial-card__role{font-size:.9rem;font-weight:500;color:var(--telkom-red);margin-bottom:1rem}.testimonial-card__quote{font-size:.95rem;color:var(--neutral-600);line-height:1.6}@media (max-width: 900px){.alumni-stories__grid{grid-template-columns:1fr}}.cta{padding:5rem 1.5rem;background:var(--telkom-red)}.cta__inner{max-width:700px;margin:0 auto;text-align:center}.cta__title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta__subtitle{font-size:1.1rem;color:#fffffff2;margin-bottom:2rem;line-height:1.6}.cta__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta__btn{padding:.85rem 1.75rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s}.cta__btn--primary{background:#fff;color:var(--telkom-red);border:2px solid white}.cta__btn--primary:hover{background:#ffffffe6}.cta__btn--secondary{background:transparent;color:#fff;border:2px solid white}.cta__btn--secondary:hover{background:#ffffff1a}.courses-page{padding:3rem 1.5rem 5rem;background:var(--neutral-50)}.courses-page__inner{max-width:1200px;margin:0 auto}.courses-page__header{margin-bottom:2rem}.courses-page__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.courses-page__subtitle{font-size:1.05rem;color:var(--neutral-600)}.courses-page__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.courses-page__search{flex:1;min-width:200px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.courses-page__search svg{color:var(--neutral-400);flex-shrink:0}.courses-page__search input{flex:1;border:none;outline:none;font-size:.95rem}.courses-page__search input::placeholder{color:var(--neutral-400)}.courses-page__filters{display:flex;gap:.5rem}.courses-page__filters select{padding:.75rem 1rem;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:.9rem;color:var(--neutral-700);cursor:pointer}.courses-page__view-toggle{display:flex;gap:.25rem}.courses-page__view-toggle button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-500);cursor:pointer;transition:all .2s}.courses-page__view-toggle button:hover,.courses-page__view-toggle button.active{background:var(--telkom-red);border-color:var(--telkom-red);color:#fff}.courses-page__count{font-size:.9rem;color:var(--neutral-500);margin-bottom:1.5rem}.courses-page__error{padding:1rem;margin-bottom:1rem;background:#e3061314;color:var(--telkom-red);border-radius:var(--radius-md)}.courses-page__loading,.courses-page__empty{text-align:center;padding:3rem 1rem;color:var(--neutral-600);font-size:1rem}.courses-page__load-more{text-align:center;margin-top:2rem;margin-bottom:2rem}.courses-page__load-more-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:var(--telkom-red);background:#fff;border:2px solid var(--telkom-red);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.courses-page__load-more-btn:hover:not(:disabled){background:#e306130f}.courses-page__load-more-btn:disabled{opacity:.7;cursor:not-allowed}.courses-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.courses-page__grid--list{grid-template-columns:1fr}.courses-page__grid--list .course-card{display:flex;flex-direction:row}.courses-page__grid--list .course-card__thumb{width:280px;min-height:180px;flex-shrink:0}.courses-page__grid--list .course-card__body{flex:1}.course-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:all .25s;display:flex;flex-direction:column}.course-card:hover{box-shadow:var(--shadow-md)}.course-card__thumb{position:relative;height:180px;overflow:hidden}.course-card__thumb img{width:100%;height:100%;object-fit:cover}.course-card__level,.course-card__registered{position:absolute;padding:.35rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.course-card__level{top:.75rem;left:.75rem}.course-card__level--red{background:var(--telkom-red);color:#fff}.course-card__level--orange{background:#f97316;color:#fff}.course-card__level--purple{background:#9333ea;color:#fff}.course-card__registered{top:.75rem;right:.75rem;background:#22c55e;color:#fff}.course-card__body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.course-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.course-card__category{font-size:.8rem;font-weight:500;color:var(--neutral-600);padding:.25rem .6rem;background:var(--neutral-100);border-radius:100px}.course-card__rating{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--neutral-800)}.course-card__rating svg{color:#eab308}.course-card__title{font-size:1.1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.course-card__instructor{font-size:.85rem;color:var(--neutral-500);margin-bottom:.5rem}.course-card__desc{font-size:.9rem;color:var(--neutral-600);line-height:1.5;margin-bottom:.75rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__stats{display:flex;gap:1rem;font-size:.85rem;color:var(--neutral-500);margin-bottom:.75rem}.course-card__stats span{display:flex;align-items:center;gap:.35rem}.course-card__stats svg{color:var(--neutral-400)}.course-card__progress{margin-bottom:.75rem}.course-card__progress span{font-size:.8rem;color:var(--neutral-600)}.course-card__progress-bar{height:6px;background:var(--neutral-200);border-radius:3px;overflow:hidden;margin-top:.25rem}.course-card__progress-bar div{height:100%;background:var(--telkom-red);border-radius:3px}.course-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto}.course-card__price{font-size:1.1rem;font-weight:700;color:var(--telkom-red)}.course-card__btn{display:inline-block;padding:.5rem 1rem;background:var(--telkom-red);color:#fff;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);white-space:nowrap;transition:background .2s;text-decoration:none}.course-card__btn:hover{background:var(--telkom-red-dark)}@media (max-width: 900px){.courses-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.courses-page__grid{grid-template-columns:1fr}.courses-page__grid--list .course-card{flex-direction:column}.courses-page__grid--list .course-card__thumb{width:100%}}.dashboard-page{padding:2rem 1.5rem 5rem;background:var(--neutral-100)}.dashboard-page__inner{max-width:1200px;margin:0 auto}.dashboard-page__greeting{margin-bottom:2rem}.dashboard-page__title{font-size:1.75rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.dashboard-page__subtitle{font-size:1rem;color:var(--neutral-600)}.dashboard-page__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.dashboard-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.dashboard-stat__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.dashboard-stat--blue .dashboard-stat__icon{background:#3b82f626;color:#3b82f6}.dashboard-stat--green .dashboard-stat__icon{background:#22c55e26;color:#22c55e}.dashboard-stat--purple .dashboard-stat__icon{background:#9333ea26;color:#9333ea}.dashboard-stat--orange .dashboard-stat__icon{background:#f9731626;color:#f97316}.dashboard-stat__value{display:block;font-size:1.5rem;font-weight:700;color:var(--neutral-900)}.dashboard-stat__label{font-size:.9rem;color:var(--neutral-500)}.dashboard-page__columns{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.dashboard-page__left,.dashboard-page__right{display:flex;flex-direction:column;gap:1.5rem}.dashboard-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.dashboard-card__title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--neutral-900);margin-bottom:1rem}.dashboard-card__title svg{color:var(--telkom-red)}.dashboard-card__analytics{display:flex;flex-direction:column;gap:1rem}.analytics-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-md)}.analytics-item svg{flex-shrink:0;margin-top:.15rem}.analytics-item--blue{background:#3b82f614}.analytics-item--blue svg{color:#3b82f6}.analytics-item--blue .analytics-item__value{color:#2563eb}.analytics-item--green{background:#22c55e14}.analytics-item--green svg{color:#22c55e}.analytics-item--green .analytics-item__value{color:#16a34a}.analytics-item--placeholder{background:var(--neutral-100);color:var(--neutral-500);font-size:.9rem}.analytics-item--placeholder svg{color:var(--neutral-400)}.analytics-item__value{display:block;font-size:1.25rem;font-weight:700;margin-bottom:.1rem}.analytics-item__label{font-size:.9rem;color:var(--neutral-700)}.analytics-item__change{display:block;font-size:.85rem;color:var(--neutral-500)}.continue-courses{display:flex;flex-direction:column;gap:1rem}.continue-course{display:flex;gap:1rem;padding:.75rem;background:var(--neutral-50);border-radius:var(--radius-md)}.continue-course__thumb{width:120px;height:70px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.continue-course__body{flex:1;min-width:0}.continue-course__title{font-size:1rem;font-weight:600;color:var(--neutral-900);margin-bottom:.15rem}.continue-course__instructor{font-size:.85rem;color:var(--neutral-500);margin-bottom:.5rem}.continue-course__progress{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.continue-course__progress-bar{flex:1;height:6px;background:var(--neutral-200);border-radius:3px;overflow:hidden}.continue-course__progress-bar div{height:100%;background:var(--telkom-red);border-radius:3px}.continue-course__progress span{font-size:.85rem;font-weight:600;color:var(--neutral-700)}.continue-course__btn{display:inline-block;padding:.4rem .9rem;background:var(--telkom-red);color:#fff;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm)}.continue-course__btn:hover{background:var(--telkom-red-dark)}.activity-list{list-style:none}.activity-item{display:flex;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--neutral-100)}.activity-item:last-child{border-bottom:none}.activity-item__bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.4rem}.activity-item--complete .activity-item__bullet{background:#22c55e}.activity-item--start .activity-item__bullet{background:#3b82f6}.activity-item--badge .activity-item__bullet{background:#f97316}.activity-item__text{font-size:.95rem;color:var(--neutral-800)}.activity-item__course{font-size:.9rem;color:var(--neutral-500)}.activity-item__time{display:block;font-size:.8rem;color:var(--neutral-400);margin-top:.15rem}.announcement-list{list-style:none}.announcement-item{padding:1rem 0;border-bottom:1px solid var(--neutral-100)}.announcement-item:last-child{border-bottom:none;padding-bottom:0}.announcement-item:first-child{padding-top:0}.announcement-item__title{font-size:.95rem;font-weight:600;color:var(--neutral-900);margin-bottom:.25rem}.announcement-item__desc{font-size:.9rem;color:var(--neutral-600);line-height:1.5;margin-bottom:.25rem}.announcement-item__date{font-size:.8rem;color:var(--neutral-400)}.deadline-list{list-style:none}.deadline-item{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--neutral-100)}.deadline-item:last-child{border-bottom:none}.deadline-item__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border-radius:50%;flex-shrink:0}.deadline-item__icon--red{background:#e3061326;color:var(--telkom-red)}.deadline-item__icon--yellow{background:#eab30833;color:#ca8a04}.deadline-item__task{font-size:.95rem;color:var(--neutral-800)}.deadline-item__course{font-size:.9rem;color:var(--neutral-500)}.deadline-item__date{display:block;font-size:.8rem;color:var(--neutral-400);margin-top:.15rem}.target-list{list-style:none}.target-item{padding:.75rem 0;border-bottom:1px solid var(--neutral-100)}.target-item:last-child{border-bottom:none}.target-item__label{font-size:.9rem;color:var(--neutral-700)}.target-item__row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.target-item__progress-bar{flex:1;height:8px;background:var(--neutral-200);border-radius:4px;overflow:hidden}.target-item__progress-bar div{height:100%;background:var(--telkom-red);border-radius:4px}.target-item__value{font-size:.85rem;font-weight:600;color:var(--neutral-700)}@media (max-width: 900px){.dashboard-page__stats{grid-template-columns:repeat(2,1fr)}.dashboard-page__columns{grid-template-columns:1fr}}@media (max-width: 600px){.dashboard-page__stats{grid-template-columns:1fr}.continue-course{flex-direction:column}.continue-course__thumb{width:100%;height:120px}}.instructors-page{background:var(--neutral-50)}.instructors-page__hero{padding:4rem 1.5rem 3rem;text-align:center;background:#fff}.instructors-page__badge{display:inline-block;padding:.4rem 1rem;background:#fff;color:var(--telkom-red);font-size:.9rem;font-weight:500;border:1px solid rgba(227,6,19,.3);border-radius:100px;margin-bottom:1rem}.instructors-page__title{font-size:2.25rem;font-weight:700;color:var(--neutral-900);margin-bottom:1rem}.instructors-page__title-accent{color:var(--telkom-red)}.instructors-page__desc{max-width:640px;margin:0 auto;font-size:1.05rem;color:var(--neutral-600);line-height:1.7}.instructors-page__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1100px;margin:-2rem auto 2rem;padding:0 1.5rem}.instructor-stat{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-md)}.instructor-stat__icon{color:var(--telkom-red);flex-shrink:0}.instructor-stat__value{display:block;font-size:1.75rem;font-weight:700;color:var(--neutral-900)}.instructor-stat__label{display:block;font-size:.95rem;font-weight:600;color:var(--neutral-800)}.instructor-stat__sub{font-size:.8rem;color:var(--neutral-500)}.instructors-page__content{max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.instructors-page__filters-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.instructors-page__toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.instructors-page__search{flex:1;min-width:200px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.instructors-page__search svg{color:var(--neutral-400);flex-shrink:0}.instructors-page__search input{flex:1;border:none;outline:none;font-size:.95rem}.instructors-page__search input::placeholder{color:var(--neutral-400)}.instructors-page__dropdowns{display:flex;gap:.5rem}.instructors-page__dropdowns select{padding:.75rem 1rem;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:.9rem;color:var(--neutral-700);cursor:pointer}.instructors-page__tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.instructors-page__tabs button{padding:.5rem 1rem;font-size:.9rem;font-weight:500;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-600);cursor:pointer;transition:all .2s}.instructors-page__tabs button.active{background:var(--neutral-200);color:var(--neutral-900);font-weight:600}.instructors-page__count{font-size:.9rem;color:var(--neutral-500)}.instructors-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.instructor-card{position:relative;background:#fff;border-radius:var(--radius-lg);padding:1.5rem;border:2px solid var(--telkom-red);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.instructor-card__badge{position:absolute;top:1rem;right:1rem;padding:.3rem .7rem;background:#f97316;color:#fff;font-size:.75rem;font-weight:600;border-radius:100px}.instructor-card__header{display:flex;gap:1rem;margin-bottom:1rem}.instructor-card__avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;background:var(--telkom-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.instructor-card__avatar img{width:100%;height:100%;object-fit:cover}.instructor-card__name{font-size:1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.2rem;line-height:1.3}.instructor-card__title{font-size:.85rem;font-weight:500;color:var(--telkom-red);margin-bottom:.35rem}.instructor-card__faculty{font-size:.8rem;padding:.2rem .5rem;background:var(--neutral-100);border-radius:100px;color:var(--neutral-600)}.instructor-card__expertise{font-size:.9rem;color:var(--neutral-700);margin-bottom:.75rem}.instructor-card__expertise strong{font-weight:600}.instructor-card__stats{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--neutral-600);margin-bottom:1rem}.instructor-card__stats span{display:inline-flex;align-items:center}.instructor-card__stats span:first-child svg{color:#eab308}.instructor-card__stats span:not(:first-child) svg{color:var(--neutral-400)}.instructor-card__skills{margin-bottom:1rem}.instructor-card__skills strong{display:block;font-size:.85rem;margin-bottom:.5rem}.instructor-card__skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.instructor-card__skill{padding:.25rem .6rem;background:var(--neutral-100);border-radius:100px;font-size:.8rem;color:var(--neutral-700)}.instructor-card__skill--more{background:var(--neutral-200);color:var(--neutral-500)}.instructor-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--neutral-200)}.instructor-card__social{display:flex;gap:.5rem}.instructor-card__social a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border-radius:var(--radius-sm);font-size:.8rem;color:var(--neutral-600)}.instructor-card__social a:hover{background:var(--neutral-200)}.instructor-card__btn{padding:.5rem 1rem;background:var(--telkom-red);color:#fff;font-size:.9rem;font-weight:600;border-radius:var(--radius-md)}.instructor-card__btn:hover{background:var(--telkom-red-dark)}.instructor-card__btn--disabled{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed}.instructor-card__btn--disabled:hover{background:var(--neutral-300)}.instructors-page__cta{padding:4rem 1.5rem;background:var(--telkom-red);text-align:center}.instructors-page__cta-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.instructors-page__cta-desc{font-size:1.05rem;color:#fffffff2;margin-bottom:2rem}.instructors-page__cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.instructors-page__cta-btn{padding:.85rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s}.instructors-page__cta-btn--primary{background:#fff;color:var(--telkom-red);border:2px solid white}.instructors-page__cta-btn--primary:hover{background:#ffffffe6}.instructors-page__cta-btn--secondary{background:transparent;color:#fff;border:2px solid white}.instructors-page__cta-btn--secondary:hover{background:#ffffff1a}@media (max-width: 900px){.instructors-page__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.instructors-page__stats,.instructors-page__grid{grid-template-columns:1fr}}.course-detail-page{padding:3rem 1.5rem 5rem;background:var(--neutral-50)}.course-detail-page__inner{max-width:1200px;margin:0 auto}.course-detail-page__not-found{font-size:1.1rem;color:var(--neutral-600);margin-bottom:1rem}.course-detail-page__back{color:var(--telkom-red);font-weight:500}.course-detail-page__back:hover{text-decoration:underline}.course-detail-page__main{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}.course-detail-page__content{min-width:0}.course-detail-page__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.course-detail-page__category-tag{padding:.35rem .75rem;font-size:.8rem;font-weight:500;color:var(--neutral-800);background:#fff;border:1px solid var(--neutral-200);border-radius:100px}.course-detail-page__level-badge{padding:.35rem .75rem;font-size:.8rem;font-weight:600;color:#fff;border-radius:100px}.course-detail-page__level-badge--red{background:var(--telkom-red)}.course-detail-page__level-badge--orange{background:#f97316}.course-detail-page__level-badge--purple{background:#9333ea}.course-detail-page__title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem;line-height:1.25}.course-detail-page__subtitle{font-size:1.05rem;color:var(--neutral-600);line-height:1.5;margin-bottom:1.5rem}.course-detail-page__stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;font-size:.95rem;color:var(--neutral-700)}.course-detail-page__stat{display:flex;align-items:center;gap:.4rem}.course-detail-page__stat svg{flex-shrink:0;color:var(--neutral-500)}.course-detail-page__stat:first-child svg{color:#eab308}.course-detail-page__instructor{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--neutral-100);border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.course-detail-page__instructor-avatar{width:48px;height:48px;border-radius:50%;background:var(--neutral-300);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.course-detail-page__instructor-info{display:flex;flex-direction:column;gap:.2rem}.course-detail-page__instructor-name{font-weight:700;font-size:1rem;color:var(--neutral-900)}.course-detail-page__instructor-subject{font-size:.9rem;color:var(--neutral-500)}.course-detail-page__video-preview{margin-top:1.25rem;border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral-900);border:1px solid var(--neutral-200)}.course-detail-page__video-preview-player{width:100%;max-height:360px;display:block}.course-detail-page__sidebar{position:sticky;top:6rem}.course-detail-page__card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);padding:0}.course-detail-page__thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--neutral-200)}.course-detail-page__thumb img{width:100%;height:100%;object-fit:cover}.course-detail-page__price-wrap{padding:1.25rem 1.25rem .5rem;display:flex;flex-direction:column;gap:.25rem}.course-detail-page__price{font-size:1.75rem;font-weight:700;color:var(--telkom-red)}.course-detail-page__access{font-size:.9rem;color:var(--neutral-600)}.course-detail-page__enroll-btn{width:calc(100% - 2.5rem);margin:0 1.25rem 1rem;padding:.9rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:var(--telkom-red);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.course-detail-page__enroll-btn:hover{background:var(--telkom-red-dark)}.course-detail-page__actions{display:flex;gap:.5rem;padding:0 1.25rem 1rem}.course-detail-page__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500;color:var(--neutral-700);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.course-detail-page__action-btn:hover{background:var(--neutral-50);border-color:var(--neutral-400)}.course-detail-page__benefits{list-style:none;padding:1rem 1.25rem 1.5rem;border-top:1px solid var(--neutral-100);display:flex;flex-direction:column;gap:.6rem}.course-detail-page__benefits li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--neutral-700)}.course-detail-page__benefits li svg{flex-shrink:0;color:#22c55e}@media (max-width: 900px){.course-detail-page__main{grid-template-columns:1fr}.course-detail-page__sidebar{position:static}.course-detail-page__card{max-width:420px}.course-detail-page__tabs-body{grid-template-columns:1fr}.course-detail-page__related{border-left:none;border-top:1px solid var(--neutral-200)}}.course-detail-page__tabs-section{margin-top:3rem}.course-detail-page__tabs-wrap{display:flex;flex-direction:column;gap:0}.course-detail-page__tabs-nav{display:flex;gap:0;background:var(--neutral-100);padding:.25rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--neutral-200);border-bottom:none}.course-detail-page__tab{padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;color:var(--neutral-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.course-detail-page__tab:hover{color:var(--neutral-800)}.course-detail-page__tab--active{background:#fff;color:var(--neutral-900);box-shadow:var(--shadow-sm)}.course-detail-page__tabs-body{display:grid;grid-template-columns:1fr 320px;gap:0;background:#fff;border:1px solid var(--neutral-200);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.course-detail-page__tab-content{min-width:0;padding:1.5rem 2rem 2rem}.course-detail-page__panel-title{font-size:1.15rem;font-weight:700;color:var(--neutral-900);margin-bottom:.75rem}.course-detail-page__panel-title:not(:first-child){margin-top:1.5rem}.course-detail-page__panel-text{font-size:.95rem;color:var(--neutral-700);line-height:1.6;margin-bottom:0}.course-detail-page__learn-list{list-style:none;padding:0;margin:0}.course-detail-page__learn-list li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--neutral-800);margin-bottom:.5rem}.course-detail-page__learn-list li svg{flex-shrink:0;color:#22c55e}.course-detail-page__prereq-list{padding-left:1.25rem;margin:0;font-size:.95rem;color:var(--neutral-700);line-height:1.6}.course-detail-page__prereq-list li{margin-bottom:.35rem}.course-detail-page__curriculum-meta{font-size:.9rem;color:var(--neutral-500);margin-bottom:1rem}.course-detail-page__module-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.course-detail-page__module-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.course-detail-page__module-item svg{flex-shrink:0;color:var(--neutral-400)}.course-detail-page__module-item>div{display:flex;flex-direction:column;gap:.25rem}.course-detail-page__module-title{font-weight:600;font-size:.95rem;color:var(--neutral-900)}.course-detail-page__module-types{font-size:.85rem;color:var(--neutral-500)}.course-detail-page__instructor-detail{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.course-detail-page__instructor-avatar--large{width:56px;height:56px;font-size:1.5rem}.course-detail-page__instructor-meta{display:flex;flex-direction:column;gap:.2rem}.course-detail-page__instructor-stats{display:flex;gap:2rem;margin-bottom:1.25rem}.course-detail-page__instructor-stat{display:flex;flex-direction:column;gap:.15rem}.course-detail-page__instructor-stat-value{font-size:1.5rem;font-weight:700;color:var(--neutral-900)}.course-detail-page__instructor-stat-label{font-size:.85rem;color:var(--neutral-500)}.course-detail-page__instructor-bio{font-size:.95rem;color:var(--neutral-700);line-height:1.6;margin:0}.course-detail-page__related{border-left:1px solid var(--neutral-200);padding:1.5rem;background:var(--neutral-50)}.course-detail-page__related-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:1.25rem;box-shadow:var(--shadow-sm)}.course-detail-page__related-title{font-size:1rem;font-weight:700;color:var(--neutral-900);margin-bottom:1rem}.course-detail-page__related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.course-detail-page__related-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--neutral-800);font-size:.9rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:color .2s}.course-detail-page__related-item:hover{color:var(--telkom-red)}.course-detail-page__related-item img{width:56px;height:40px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.course-detail-page__related-item span{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-detail-page__related-empty{font-size:.9rem;color:var(--neutral-500);margin:0}@media (max-width: 600px){.course-detail-page__title{font-size:1.5rem}.course-detail-page__stats{flex-direction:column;gap:.75rem}.course-detail-page__card{max-width:none}.course-detail-page__tabs-nav{flex-wrap:wrap}.course-detail-page__tab{padding:.6rem 1rem;font-size:.9rem}.course-detail-page__tab-content{padding:1.25rem}.course-detail-page__instructor-stats{gap:1.5rem}}.login-page{padding:3rem 1.5rem 5rem;background:var(--neutral-50);min-height:60vh;display:flex;align-items:flex-start;justify-content:center}.login-page__inner{width:100%;max-width:420px}.login-page__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);padding:2rem}.login-page__brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.login-page__logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.login-page__title{font-size:1.35rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.login-page__subtitle{font-size:.9rem;color:var(--neutral-500)}.login-page__form{display:flex;flex-direction:column;gap:1.25rem}.login-page__error{padding:.75rem 1rem;background:#fef2f2;color:var(--telkom-red);font-size:.9rem;border-radius:var(--radius-md);border:1px solid #fecaca}.login-page__success{padding:.75rem 1rem;background:#f0fdf4;color:#166534;font-size:.9rem;border-radius:var(--radius-md);border:1px solid #bbf7d0}.login-page__label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--neutral-700)}.login-page__input{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);color:var(--neutral-900);background:#fff;transition:border-color .2s}.login-page__input::placeholder{color:var(--neutral-400)}.login-page__input:hover:not(:disabled){border-color:var(--neutral-400)}.login-page__input:focus{outline:none;border-color:var(--telkom-red);box-shadow:0 0 0 3px #e306131f}.login-page__input:disabled{background:var(--neutral-100);cursor:not-allowed}.login-page__options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.login-page__checkbox-wrap{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--neutral-700)}.login-page__checkbox{width:1.1rem;height:1.1rem;accent-color:var(--telkom-red);cursor:pointer}.login-page__checkbox:disabled{cursor:not-allowed}.login-page__checkbox-label{-webkit-user-select:none;user-select:none}.login-page__forgot{font-size:.9rem;font-weight:500;color:var(--telkom-red)}.login-page__forgot:hover{text-decoration:underline}.login-page__submit{padding:.9rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:var(--telkom-red);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s;margin-top:.25rem}.login-page__submit:hover:not(:disabled){background:var(--telkom-red-dark)}.login-page__submit:disabled{opacity:.8;cursor:not-allowed}.login-page__footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--neutral-200);font-size:.9rem;color:var(--neutral-600);text-align:center}.login-page__footer a{color:var(--telkom-red);font-weight:500}.login-page__footer a:hover{text-decoration:underline}.register-page{padding:3rem 1.5rem 5rem;background:var(--neutral-50);min-height:60vh;display:flex;align-items:flex-start;justify-content:center}.register-page__inner{width:100%;max-width:500px}.register-page__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);padding:2rem}.register-page__brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.register-page__logo{width:100px;height:100px;object-fit:contain;flex-shrink:0}.register-page__title{font-size:1.35rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.register-page__subtitle{font-size:.9rem;color:var(--neutral-500)}.register-page__form{display:flex;flex-direction:column;gap:1.25rem}.register-page__error{padding:.75rem 1rem;background:#fef2f2;color:var(--telkom-red);font-size:.9rem;border-radius:var(--radius-md);border:1px solid #fecaca}.register-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.register-page__row{grid-template-columns:1fr}}.register-page__label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--neutral-700)}.register-page__input{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);color:var(--neutral-900);background:#fff;transition:border-color .2s}.register-page__input::placeholder{color:var(--neutral-400)}.register-page__input:hover:not(:disabled){border-color:var(--neutral-400)}.register-page__input:focus{outline:none;border-color:var(--telkom-red);box-shadow:0 0 0 3px #e306131f}.register-page__input:disabled{background:var(--neutral-100);cursor:not-allowed}.register-page__input--file{padding:.5rem 0;cursor:pointer}.register-page__input--file::file-selector-button{margin-right:.75rem;padding:.5rem 1rem;font-size:.9rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-100);cursor:pointer}.register-page__hint{font-size:.8rem;color:var(--neutral-500);margin-top:.25rem;font-weight:400}.register-page__submit{padding:.9rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:var(--telkom-red);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s;margin-top:.25rem}.register-page__submit:hover:not(:disabled){background:var(--telkom-red-dark)}.register-page__submit:disabled{opacity:.8;cursor:not-allowed}.register-page__footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--neutral-200);font-size:.9rem;color:var(--neutral-600);text-align:center}.register-page__footer a{color:var(--telkom-red);font-weight:500}.register-page__footer a:hover{text-decoration:underline}.forgot-page{padding:3rem 1.5rem 5rem;background:var(--neutral-50);min-height:60vh;display:flex;align-items:flex-start;justify-content:center}.forgot-page__inner{width:100%;max-width:420px}.forgot-page__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);padding:2rem}.forgot-page__brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.forgot-page__logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.forgot-page__title{font-size:1.35rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.forgot-page__subtitle{font-size:.9rem;color:var(--neutral-500)}.forgot-page__form{display:flex;flex-direction:column;gap:1.25rem}.forgot-page__error{padding:.75rem 1rem;background:#fef2f2;color:var(--telkom-red);font-size:.9rem;border-radius:var(--radius-md);border:1px solid #fecaca}.forgot-page__label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--neutral-700)}.forgot-page__input{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);color:var(--neutral-900);background:#fff;transition:border-color .2s}.forgot-page__input::placeholder{color:var(--neutral-400)}.forgot-page__input:hover:not(:disabled){border-color:var(--neutral-400)}.forgot-page__input:focus{outline:none;border-color:var(--telkom-red);box-shadow:0 0 0 3px #e306131f}.forgot-page__input:disabled{background:var(--neutral-100);cursor:not-allowed}.forgot-page__submit{padding:.9rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:var(--telkom-red);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s;margin-top:.25rem}.forgot-page__submit:hover:not(:disabled){background:var(--telkom-red-dark)}.forgot-page__submit:disabled{opacity:.8;cursor:not-allowed}.forgot-page__footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--neutral-200);font-size:.9rem;text-align:center}.forgot-page__footer a{color:var(--telkom-red);font-weight:500}.forgot-page__footer a:hover{text-decoration:underline}.forgot-page__back{display:inline-block;margin-top:1rem;font-size:.95rem;font-weight:500;color:var(--telkom-red)}.forgot-page__back:hover{text-decoration:underline}.forgot-page__message{font-size:.95rem;color:var(--neutral-700);line-height:1.6;margin-bottom:0}.forgot-page__message strong{color:var(--neutral-900)}.verify-email-page{padding:3rem 1.5rem 5rem;background:var(--neutral-50);min-height:60vh;display:flex;align-items:flex-start;justify-content:center}.verify-email-page__card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);padding:2rem}.verify-email-page__brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.verify-email-page__logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.verify-email-page__title{font-size:1.35rem;font-weight:700;color:var(--neutral-900)}.verify-email-page__text{font-size:.95rem;color:var(--neutral-600);line-height:1.5;margin:0}.verify-email-page__text--success{color:var(--neutral-700);background:#f0fdf4;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid #bbf7d0}.verify-email-page__text--error{color:var(--telkom-red);background:#fef2f2;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid #fecaca}.verify-email-page__btn{display:block;width:100%;margin-top:1.25rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--telkom-red, #e60012);border:none;border-radius:var(--radius-md);cursor:pointer}.verify-email-page__btn:hover{opacity:.9}:root{--telkom-red: #E30613;--telkom-red-dark: #b80510;--telkom-red-light: #ff3d4a;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--neutral-50);color:var(--neutral-900);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}