:root{--primary:#1a3c8f;--primary-light:#2553c4;--accent:#f59e0b;--accent-dark:#d97706;--dark:#0f172a;--muted:#64748b;--surface:#f8fafc;--white:#ffffff}*{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);background:var(--white)}.navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow .3s}.navbar.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.08)}.navbar-brand img{height:48px;width:auto}.nav-link{font-weight:600;font-size:.9rem;color:var(--dark) !important;padding:.5rem 1rem !important;transition:color .2s}.nav-link:hover{color:var(--primary) !important}.btn-daftar{background:var(--primary);color:var(--white) !important;border-radius:50px;padding:.45rem 1.4rem !important;font-weight:700;font-size:.85rem;transition:background .2s,transform .2s}.btn-daftar:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-pmb{border:1.5px solid rgba(26,60,143,.22);border-radius:50px;padding:.45rem 1.15rem !important;color:var(--primary) !important;font-weight:700;font-size:.85rem;transition:border-color .2s,background .2s,transform .2s}.btn-pmb:hover{background:rgba(26,60,143,.06);border-color:rgba(26,60,143,.45);transform:translateY(-1px)}#hero{min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,#0d2463 60%,#071440 100%);position:relative;display:flex;align-items:center;overflow:hidden}#hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);color:var(--accent);border-radius:50px;padding:.35rem 1rem;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}#hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;color:var(--white);line-height:1.18}.lp-text-accent{color:var(--accent) !important}.lp-text-white{color:var(--white) !important}.lp-text-primary{color:var(--primary) !important}.lp-text-muted{color:var(--muted) !important}.lp-text-dark{color:var(--dark) !important}#hero h1 .lp-text-accent{color:var(--accent) !important}#hero h1 .lp-text-white{color:var(--white) !important}#hero p.lead{color:rgba(255,255,255,.86);font-size:1.05rem;max-width:520px;line-height:1.7}.hero-cta .btn-primary-hero{background:var(--accent);color:var(--dark);border:none;border-radius:50px;padding:.85rem 2.2rem;font-weight:800;font-size:1rem;transition:background .2s,transform .2s,box-shadow .2s}.hero-cta .btn-primary-hero:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.35)}.hero-cta .btn-outline-hero{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.35);border-radius:50px;padding:.85rem 2rem;font-weight:700;font-size:1rem;transition:border-color .2s,background .2s}.hero-cta .btn-outline-hero:hover{border-color:var(--white);background:rgba(255,255,255,.08)}.hero-stats{margin-top:3rem;display:flex;gap:2.5rem;flex-wrap:wrap}.hero-stat strong{display:block;font-size:1.7rem;font-weight:800;color:var(--white)}.hero-stat span{color:rgba(255,255,255,.84);font-size:.85rem}.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(8px);padding:2rem;color:var(--white)}.hero-card .date-box{background:var(--accent);color:var(--dark);border-radius:12px;text-align:center;padding:.6rem .9rem;display:inline-block}.hero-card .date-box .day{font-size:2rem;font-weight:800;line-height:1}.hero-card .date-box .month{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.info-pill{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border-radius:50px;padding:.45rem 1rem;font-size:.85rem;margin:.25rem}.section-label{font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:.5rem}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.25}.divider{width:48px;height:4px;background:var(--accent);border-radius:2px;margin:1rem 0 1.5rem}#why{background:var(--surface)}.benefit-card{background:var(--white);border-radius:16px;padding:1.75rem;border:1px solid rgba(0,0,0,.06);height:100%;transition:transform .25s,box-shadow .25s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(26,60,143,.1)}.benefit-icon{width:52px;height:52px;background:rgba(26,60,143,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1.1rem}.benefit-card h3{font-weight:700;font-size:1rem;margin-bottom:.5rem}.benefit-card p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.6}#program{background:var(--surface)}.faculty-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.faculty-tab{background:var(--white);border:1.5px solid #e2e8f0;border-radius:50px;padding:.55rem 1.4rem;font-weight:700;font-size:.875rem;color:var(--muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.faculty-tab:hover,.faculty-tab.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.prodi-card{display:flex;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:var(--white);height:100%;transition:transform .2s,box-shadow .2s;position:relative}.prodi-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.prodi-icon-panel{min-width:68px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.2rem .5rem .9rem;gap:.45rem}.prodi-icon-panel i{font-size:1.4rem;color:rgba(255,255,255,.9)}.prodi-jenjang{font-size:.6rem;font-weight:800;letter-spacing:1px;color:rgba(255,255,255,.9);background:rgba(255,255,255,.2);border-radius:50px;padding:.15rem .45rem}.prodi-body{padding:.8rem .95rem;flex:1;display:flex;flex-direction:column;justify-content:center}.kelas-group-header{font-size:.6rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;margin-bottom:.5rem}.kelas-info{}.kelas-info + .kelas-info{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed #e2e8f0}.kelas-info.is-compact + .kelas-info.is-compact{margin-top:.35rem;padding-top:.35rem;border-top:1px solid #f1f5f9}.kelas-info.is-compact .kelas-info-label{display:none}.kelas-info.is-compact .kelas-info-schedule{display:none}.kelas-info.is-compact .kelas-info-main{margin-bottom:.2rem}.kelas-info.is-compact .kelas-info-capacity{margin-top:.2rem;margin-bottom:.15rem}.kelas-info-empty{margin-top:.5rem;font-size:.75rem;color:#94a3b8;font-style:italic}.kelas-info-main{margin-bottom:.35rem}.kelas-info-label{font-size:.6rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;margin-bottom:.2rem}.kelas-info-name,.kelas-info-schedule,.kelas-info-capacity{display:flex;align-items:center;gap:.35rem}.kelas-info-name i{font-size:.8rem;color:var(--primary);flex-shrink:0}.kelas-info-name span{font-size:.88rem;font-weight:800;color:#0f172a}.kelas-info-schedule{align-items:flex-start;margin-top:.28rem;color:#475569;line-height:1.4}.kelas-info-schedule i{font-size:.75rem;color:var(--accent);flex-shrink:0;margin-top:.06rem}.kelas-info-schedule span{font-size:.75rem;font-weight:600}.kelas-info-capacity{justify-content:space-between;font-size:.72rem;margin-top:.35rem;margin-bottom:.2rem}.kelas-status{font-weight:700;display:inline-flex;align-items:center}.kelas-status.is-open{color:#64748b;font-weight:500}.kelas-status.is-low{color:#b45309}.kelas-status.is-full{color:#dc2626}.kelas-info-capacity span:last-child{font-weight:700;color:#1e293b}.kelas-progress{background:#f1f5f9;border-radius:50px;height:4px;overflow:hidden}.kelas-progress div{height:100%;border-radius:50px}.kelas-progress .bar-open{background:var(--primary)}.kelas-progress .bar-low{background:var(--accent)}.kelas-progress .bar-full{background:#dc2626}.prodi-cta{position:absolute;bottom:0;right:0;padding:.5rem .9rem;font-size:.75rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.3rem;opacity:0;transition:opacity .2s;text-decoration:none}.prodi-card:hover .prodi-cta{opacity:1}.faculty-block-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.faculty-block-title .fac-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.faculty-block-title h3{font-weight:800;font-size:.9rem;margin:0;letter-spacing:.3px;text-transform:uppercase}.faculty-block-title span{font-size:.8rem;color:var(--muted);font-weight:500}.faculty-title-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.faculty-title-link:hover{text-decoration:underline;opacity:.85}#jadwal{background:linear-gradient(135deg,var(--primary) 0%,#0d2463 100%)}.timeline-grid{align-items:stretch}.timeline-grid>[class*="col-"]{display:flex}.timeline-item{display:flex;gap:1.25rem;align-items:flex-start;width:100%;height:100%;padding:1.25rem 1.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--white);transition:background .2s}.timeline-item:hover{background:rgba(255,255,255,.1)}.timeline-num{min-width:42px;height:42px;background:var(--accent);color:var(--dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.timeline-info strong{display:block;font-weight:700;font-size:.95rem}.timeline-info span{font-size:.85rem;color:rgba(255,255,255,.82)}#testimoni{background:var(--surface)}.testi-card{background:var(--white);border-radius:16px;padding:1.75rem;border:1px solid rgba(0,0,0,.06);height:100%}.testi-stars{color:var(--accent);font-size:.85rem;margin-bottom:.75rem}.testi-card p{font-size:.9rem;color:var(--muted);line-height:1.7;font-style:italic}.testi-author{display:flex;align-items:center;gap:.85rem;margin-top:1rem}.testi-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--white);font-size:.9rem;flex-shrink:0;overflow:hidden}.testi-avatar.has-photo{background:#e2e8f0}.testi-avatar img{width:100%;height:100%;object-fit:cover;display:block}.testi-name{font-weight:700;font-size:.9rem}.testi-sub{font-size:.8rem;color:var(--muted)}#counter{background:var(--white)}.counter-box{text-align:center;padding:2rem}.counter-num{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.counter-label{font-size:.9rem;color:var(--muted);margin-top:.4rem;font-weight:500}.counter-icon{font-size:2rem;color:var(--accent);margin-bottom:.5rem}#daftar{background:var(--surface)}.form-card{background:var(--white);border-radius:20px;padding:2.5rem;box-shadow:0 8px 40px rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.05)}.form-card.choice-pulse{animation:choicePulse 1.1s ease}@keyframes choicePulse{0%,100%{box-shadow:0 8px 40px rgba(0,0,0,.07)}35%{box-shadow:0 0 0 4px rgba(245,158,11,.2),0 18px 48px rgba(26,60,143,.16)}}.form-label{font-weight:600;font-size:.875rem;margin-bottom:.4rem}.form-card-title{font-size:1.25rem;line-height:1.3}.form-control,.form-select{border-radius:10px;border:1.5px solid #e2e8f0;padding:.65rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,60,143,.1)}.field-error{display:none;color:#dc2626;font-size:.75rem;font-weight:700;margin-top:.35rem;line-height:1.4}.is-invalid + .field-error,.form-select.is-invalid + .field-error{display:block}.form-closed{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:.9rem 1rem;font-size:.86rem;line-height:1.6;margin-bottom:1rem}.btn-submit{background:var(--primary);color:var(--white);border:none;border-radius:50px;padding:.85rem 2.5rem;font-weight:700;font-size:1rem;width:100%;transition:background .2s,transform .2s}.btn-submit:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-submit:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.altcha-wrap{margin-top:.25rem}altcha-widget{width:100%;--altcha-border-radius:12px;--altcha-color-border:#e2e8f0;--altcha-color-base:#ffffff;--altcha-color-text:var(--dark);--altcha-color-border-focus:var(--primary)}.selected-class{display:block;margin-top:.75rem;border:1px solid rgba(26,60,143,.14);background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border-radius:16px;padding:1rem;box-shadow:0 10px 28px rgba(15,23,42,.05)}.selected-class.is-empty{background:#f8fafc;border-style:dashed;box-shadow:none}.selected-head{display:flex;align-items:flex-start;gap:.8rem}.selected-icon{width:40px;height:40px;border-radius:13px;background:rgba(26,60,143,.09);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.selected-class.is-empty .selected-icon{background:#ffffff;color:#94a3b8;border:1px solid #e2e8f0}.selected-copy{min-width:0;flex:1}.selected-label{font-size:.68rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#64748b;margin-bottom:.35rem}.selected-title{font-weight:800;color:#0f172a;line-height:1.3}.selected-empty-text{margin:.25rem 0 0;color:#64748b;font-size:.8rem;line-height:1.55}.selected-status-pill{display:inline-flex;align-items:center;gap:.35rem;width:max-content;border-radius:999px;padding:.28rem .65rem;font-size:.7rem;font-weight:800;margin-bottom:.45rem}.selected-class.is-open .selected-status-pill{background:#dcfce7;color:#166534}.selected-class.is-low .selected-status-pill{background:#fef3c7;color:#92400e}.selected-class.is-full .selected-status-pill{background:#fee2e2;color:#991b1b}.selected-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem}.selected-detail{display:flex;gap:.5rem;align-items:flex-start;background:#ffffff;border:1px solid #eef2f7;border-radius:12px;padding:.7rem;min-width:0}.selected-detail i{color:var(--primary);flex-shrink:0;margin-top:.08rem}.selected-detail strong{display:block;font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.1rem}.selected-detail span{display:block;font-size:.78rem;font-weight:700;color:#1e293b;line-height:1.4;overflow-wrap:anywhere}.selected-progress-row{display:flex;align-items:center;gap:.7rem;margin-top:.85rem;color:#64748b;font-size:.76rem;font-weight:700}.selected-progress{flex:1;height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden}.selected-progress div{height:100%;border-radius:999px}.selected-progress .bar-open{background:var(--primary)}.selected-progress .bar-low{background:var(--accent)}.selected-progress .bar-full{background:#dc2626}.selected-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:.85rem;color:#475569;font-size:.78rem;line-height:1.55}.selected-note i{color:var(--accent);flex-shrink:0;margin-top:.08rem}.selected-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;color:var(--primary);font-size:.78rem;font-weight:800;text-decoration:none}.selected-link:hover{color:var(--primary-light)}.pmb-next{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;color:var(--muted);font-size:.88rem;text-align:center}.pmb-next a{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-weight:800;text-decoration:none}.pmb-next a:hover{color:var(--primary-light)}.info-aside{background:linear-gradient(135deg,var(--primary),#0d2463);color:var(--white);border-radius:20px;padding:2rem;height:100%;display:flex;flex-direction:column;gap:1.25rem}.info-aside-title{font-weight:800;font-size:1.35rem;margin:0 0 .35rem}.info-aside .info-lead{color:rgba(255,255,255,.86);font-size:.9rem;line-height:1.65;margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.info-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.9rem;min-height:112px}.info-item i{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(245,158,11,.16);color:var(--accent);font-size:1.05rem;margin-bottom:.75rem}.info-item strong{display:block;font-size:.86rem;font-weight:800;margin-bottom:.25rem}.info-item span{display:block;font-size:.76rem;color:rgba(255,255,255,.84);line-height:1.45}.aside-photo{position:relative;overflow:hidden;border-radius:18px;min-height:190px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);isolation:isolate}.aside-photo img{width:100%;height:100%;min-height:190px;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}.aside-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,64,0) 35%,rgba(7,20,64,.82) 100%);z-index:1}.aside-photo-caption{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:2;display:flex;align-items:flex-start;gap:.55rem;color:#fff;font-size:.78rem;font-weight:700;line-height:1.45}.aside-photo-caption i{color:var(--accent);flex-shrink:0;margin-top:.05rem}.info-actions{display:grid;gap:.65rem}.info-action{display:flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.75rem 1rem;font-size:.88rem;font-weight:800;text-decoration:none}.info-action.primary{background:var(--white);color:var(--primary)}.info-action.secondary{background:rgba(255,255,255,.08);color:var(--white);border:1px solid rgba(255,255,255,.18)}.free-badge{background:linear-gradient(135deg,var(--accent),#fbbf24);color:var(--dark);border-radius:16px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.9rem}.free-badge .price-icon{width:44px;height:44px;border-radius:50%;background:rgba(15,23,42,.1);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.free-badge .price{font-size:1.4rem;font-weight:800;line-height:1;margin-bottom:.15rem}.free-badge .price-sub{font-size:.78rem;font-weight:700;line-height:1.35}#faq{background:var(--white)}.accordion-item{border:1px solid rgba(0,0,0,.07) !important;border-radius:12px !important;margin-bottom:.75rem;overflow:hidden}.accordion-button{font-weight:700;font-size:.95rem;border-radius:12px !important;background:var(--white) !important;color:var(--dark) !important;box-shadow:none !important}.accordion-button:not(.collapsed){color:var(--primary) !important}.accordion-button::after{filter:none}.accordion-body{font-size:.9rem;color:var(--muted);line-height:1.7}footer{background:var(--dark);color:rgba(255,255,255,.82);padding:3rem 0 1.5rem}footer h2{color:var(--white);font-size:1rem;font-weight:700;margin-bottom:1rem}footer a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.875rem;display:block;margin-bottom:.4rem;transition:color .2s}footer a:hover{color:var(--accent)}footer .brand-footer{font-size:1.1rem;font-weight:800;color:var(--white)}footer .brand-footer-accent{color:var(--accent)}footer hr{border-color:rgba(255,255,255,.08)}.social-link{display:inline-flex;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);align-items:center;justify-content:center;font-size:1rem;color:rgba(255,255,255,.82) !important;text-decoration:none;margin-right:.4rem;transition:background .2s,color .2s}.social-link:hover{background:var(--accent);color:var(--dark) !important}.social-link.is-empty{opacity:.42}.floating-cta{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:none}.floating-cta a{background:var(--primary);color:var(--white);border-radius:50px;padding:.75rem 1.75rem;font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 8px 24px rgba(26,60,143,.35);display:flex;align-items:center;gap:.5rem;transition:background .2s,transform .2s}.floating-cta a:hover{background:var(--primary-light);transform:translateY(-2px)}section{padding:5rem 0}@media (max-width:768px){section{padding:3.5rem 0}.hero-stats{gap:1.5rem}body{padding-bottom:72px}.floating-cta{left:1rem;right:1rem;bottom:1rem}.floating-cta a{justify-content:center;width:100%;padding:.85rem 1rem}.info-grid{grid-template-columns:1fr}.form-card{padding:1.5rem}.selected-detail-grid{grid-template-columns:1fr}.selected-head{gap:.65rem}.selected-icon{width:36px;height:36px;border-radius:12px}}