*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #b91c1c;--red-dark: #7f1d1d;--red-mid: #dc2626;--red-light: #f87171;--red-pale: #fef2f2;--black: #0a0a0a;--ink: #1a1a1a;--mid: #525252;--soft: #a3a3a3;--border: #e5e5e5;--white: #ffffff;--off: #fafafa}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:var(--white);overflow-x:hidden;margin:0}.topbar{background:var(--red-mid);height:4px;width:100%;position:fixed;top:0;left:0;z-index:200}nav{position:fixed;top:4px;left:0;right:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 48px;height:60px}.nav-left{display:flex;align-items:center;gap:10px}.nav-emblem{width:34px;height:34px;border:2px solid var(--red);display:flex;align-items:center;justify-content:center;font-size:16px}.nav-abbr{font-size:13px;font-weight:700;color:var(--red);letter-spacing:1px}.nav-center{text-align:center}.nav-school{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.5px}.nav-status{font-size:10px;color:var(--soft);letter-spacing:1.5px;text-transform:uppercase}.nav-right{display:flex;gap:24px;justify-content:flex-end;align-items:center}.nav-right a{font-size:12px;font-weight:600;color:var(--mid);text-decoration:none;letter-spacing:.3px;transition:color .2s}.nav-right a:hover{color:var(--red)}.nav-cta{background:var(--red);color:#fff;border:none;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer}.hero{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px)}.hero-left{background:var(--black);padding:72px 64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-left-deco{position:absolute;right:-16px;top:0;bottom:0;writing-mode:vertical-rl;text-orientation:mixed;font-size:120px;font-weight:700;color:#ffffff08;letter-spacing:-4px;pointer-events:none;font-family:Space Grotesk,sans-serif;display:flex;align-items:center}.hero-top{position:relative;z-index:1}.hero-flag{display:flex;gap:0;margin-bottom:24px;width:48px}.hf-r{background:var(--red-mid);height:24px;flex:1}.hf-w{background:#fff;height:24px;flex:1}.hero-eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--soft);margin-bottom:20px}.hero-title{font-family:Cormorant Garamond,serif;font-size:76px;line-height:.95;font-weight:700;color:#fff;letter-spacing:-2px}.hero-title em{font-style:italic;color:var(--red-light);display:block}.hero-mid{position:relative;z-index:1}.hero-desc{font-size:14px;color:#ffffff80;line-height:1.7;max-width:380px;margin-bottom:32px}.hero-btns{display:flex;gap:10px}.hbtn-primary{background:var(--red-mid);color:#fff;border:none;padding:14px 32px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;letter-spacing:.5px}.hbtn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:13px 28px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer}.hero-bottom{position:relative;z-index:1}.hero-badges{display:flex;gap:10px;flex-wrap:wrap}.hbadge{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);color:#ffffff73;padding:5px 14px}.hero-right{background:var(--off);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.hr-cell{padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .3s}.hr-cell:nth-child(2n){border-right:none}.hr-cell:nth-child(3),.hr-cell:nth-child(4){border-bottom:none}.hr-cell:hover{background:var(--red-pale)}.hr-cell.dark{background:var(--red-dark);border-color:#ffffff14}.hr-cell.dark:hover{background:var(--red)}.hrc-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--soft)}.hr-cell.dark .hrc-label{color:#fff6}.hrc-num{font-family:Cormorant Garamond,serif;font-size:64px;font-weight:700;color:var(--ink);line-height:1}.hr-cell.dark .hrc-num{color:#fff}.hrc-sub{font-size:12px;color:var(--mid)}.hr-cell.dark .hrc-sub{color:#ffffff80}.hrc-tags{display:flex;flex-wrap:wrap;gap:6px}.hrc-tag{font-size:10px;font-weight:600;background:var(--border);color:var(--mid);padding:3px 10px}.hr-cell.dark .hrc-tag{background:#ffffff1a;color:#ffffffa6}.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:3px solid var(--red-mid);border-bottom:1px solid var(--border)}.ss-item{padding:32px 40px;border-right:1px solid var(--border);text-align:center}.ss-item:last-child{border-right:none}.ss-num{font-family:Cormorant Garamond,serif;font-size:48px;font-weight:700;color:var(--ink);line-height:1}.ss-lbl{font-size:11px;font-weight:600;color:var(--soft);letter-spacing:.5px;margin-top:6px}.jurusan-section{background:var(--white);border-bottom:1px solid var(--border)}.jur-head{display:grid;grid-template-columns:1fr 1fr;padding:72px 64px 48px;border-bottom:1px solid var(--border);gap:80px;align-items:end}.sec-label{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:8px}.sec-title{font-family:Cormorant Garamond,serif;font-size:52px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-1px}.sec-title em{font-style:italic;color:var(--red)}.sec-desc{font-size:14px;color:var(--mid);line-height:1.7}.jur-row{display:grid;grid-template-columns:80px 280px 1fr auto;align-items:stretch;border-bottom:1px solid var(--border);transition:background .3s}.jur-row:last-child{border-bottom:none}.jur-row:hover{background:var(--red-pale)}.jur-row:hover .jur-num{color:var(--red-mid)}.jur-num{display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;color:var(--border);border-right:1px solid var(--border);padding:32px 0;transition:color .3s}.jur-title-col{padding:36px 40px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.jur-abbr{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px}.jur-name{font-size:20px;font-weight:700;color:var(--ink)}.jur-body{padding:36px 48px;display:flex;flex-direction:column;justify-content:center}.jur-desc{font-size:13px;color:var(--mid);line-height:1.7;max-width:480px;margin-bottom:14px}.jur-mapel{display:flex;flex-wrap:wrap;gap:6px}.jm{font-size:11px;font-weight:600;background:var(--off);color:var(--ink);padding:4px 12px;border:1px solid var(--border)}.jur-arrow{display:flex;align-items:center;padding:0 40px;font-size:24px;color:var(--border);transition:color .3s;border-left:1px solid var(--border)}.jur-row:hover .jur-arrow{color:var(--red-mid)}.program-section{background:var(--off);border-bottom:1px solid var(--border)}.program-inner{display:grid;grid-template-columns:320px 1fr;min-height:600px}.program-sticky-col{background:var(--black);padding:64px 48px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:64px;height:fit-content}.program-sticky-col .sec-label{color:var(--red-light)}.program-sticky-col .sec-title{color:#fff;font-size:40px}.program-sticky-col .sec-desc{color:#ffffff73;font-size:13px}.prog-cta{margin-top:32px;background:var(--red-mid);color:#fff;border:none;padding:12px 28px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;width:fit-content}.program-cards{display:flex;flex-direction:column}.prog-card{background:#fff;border-bottom:1px solid var(--border);display:grid;grid-template-columns:56px 1fr 160px;align-items:stretch;transition:background .3s}.prog-card:hover{background:var(--red-pale)}.prog-card:last-child{border-bottom:none}.prog-card-num{display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;color:var(--border);border-right:1px solid var(--border);transition:color .3s}.prog-card:hover .prog-card-num{color:var(--red-mid)}.prog-body{padding:28px 32px}.prog-name{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}.prog-desc{font-size:13px;color:var(--mid);line-height:1.6}.prog-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.ptag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--off);color:var(--mid);padding:2px 8px;border:1px solid var(--border)}.prog-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--border);padding:0 24px;text-align:center}.prog-stat-num{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;color:var(--red);line-height:1}.prog-stat-lbl{font-size:10px;font-weight:600;color:var(--soft);letter-spacing:.5px;margin-top:4px}.prestasi-section{background:var(--white);border-bottom:1px solid var(--border);padding:72px 64px}.prestasi-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}.prestasi-timeline{display:grid;grid-template-columns:1fr 40px 1fr;gap:0}.pt-center{display:flex;flex-direction:column;align-items:center;position:relative}.pt-line{width:2px;background:var(--border);flex:1}.pt-dot{width:14px;height:14px;border:2px solid var(--red);background:#fff;flex-shrink:0;margin:16px 0;position:relative;z-index:1}.pt-dot.filled{background:var(--red)}.pt-left,.pt-right{display:flex;flex-direction:column;gap:0}.pt-item{padding:24px 28px;border:1px solid var(--border);margin-bottom:16px;background:#fff;transition:border-color .3s,background .3s;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.pt-item:hover{border-color:var(--red);background:var(--red-pale)}.pt-item.empty{background:transparent;border-color:transparent;box-shadow:none;min-height:120px}.pt-medal{font-size:28px;margin-bottom:8px}.pt-rank{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:4px}.pt-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.3}.pt-event{font-size:11px;color:var(--mid);line-height:1.4;margin-bottom:10px}.pt-footer{display:flex;gap:8px;align-items:center}.pt-level{font-size:10px;font-weight:700;background:var(--red-pale);color:var(--red);padding:2px 10px;letter-spacing:.5px}.pt-year{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;color:var(--soft);margin-left:auto}.pt-spacer{min-height:152px}.ekskul-section{background:var(--black);padding:72px 64px;border-bottom:1px solid rgba(255,255,255,.06)}.ek-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:56px}.ek-head .sec-label{color:var(--red-light)}.ek-head .sec-title{color:#fff}.ek-head .sec-desc{color:#ffffff73}.ek-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.ek-col{border-right:1px solid rgba(255,255,255,.06);padding:0 40px 0 0}.ek-col:first-child{padding-left:0}.ek-col:last-child{border-right:none;padding-right:0;padding-left:40px}.ek-col:nth-child(2){padding:0 40px}.ek-col-title{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red-light);padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.ek-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04);transition:padding-left .2s}.ek-item:last-child{border-bottom:none}.ek-item:hover{padding-left:8px}.ek-item-left{display:flex;align-items:center;gap:10px}.ek-icon{font-size:16px}.ek-name{font-size:13px;font-weight:600;color:#ffffffbf}.ek-badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px}.ek-badge.wajib{background:var(--red-dark);color:var(--red-light)}.ek-badge.pilihan{color:#ffffff40;border:1px solid rgba(255,255,255,.08)}.guru-section{background:var(--off);padding:72px 64px;border-bottom:1px solid var(--border)}.guru-head{margin-bottom:48px}.guru-cards{display:flex;flex-direction:column;gap:0}.guru-card{display:grid;grid-template-columns:88px 1fr 1fr auto;align-items:stretch;border:1px solid var(--border);border-bottom:none;background:#fff;transition:background .3s}.guru-card:last-child{border-bottom:1px solid var(--border)}.guru-card:hover{background:var(--red-pale)}.guru-num-col{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700;color:var(--border);flex-shrink:0;transition:color .3s}.guru-card:hover .guru-num-col{color:var(--red-light)}.guru-main{padding:24px 28px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.guru-name{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px}.guru-mapel{font-size:12px;font-weight:600;color:var(--red)}.guru-detail{padding:24px 28px;border-right:1px solid var(--border);display:flex;align-items:center}.guru-detail-text{font-size:12px;color:var(--mid);line-height:1.6}.guru-meta-col{padding:24px 28px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;min-width:140px}.guru-exp{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;color:var(--ink)}.guru-exp-lbl{font-size:10px;color:var(--soft);letter-spacing:.5px}.guru-cert{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--red-dark);color:#fff;padding:3px 10px}.ppdb-section{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.ppdb-left{background:var(--red-dark);padding:72px 64px;display:flex;flex-direction:column;justify-content:space-between}.ppdb-left .sec-label{color:var(--red-light)}.ppdb-left-title{font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px;margin-bottom:20px}.ppdb-left-title em{font-style:italic;color:var(--red-light)}.ppdb-left-desc{font-size:14px;color:#ffffff8c;line-height:1.7;margin-bottom:32px}.ppdb-left-cta{background:#fff;color:var(--red-dark);border:none;padding:14px 36px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;letter-spacing:.3px;width:fit-content}.ppdb-jalur{display:flex;flex-direction:column;gap:12px}.pj{display:flex;gap:16px;align-items:flex-start;padding:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:background .3s}.pj:hover{background:#ffffff1a}.pj-icon{font-size:22px;flex-shrink:0}.pj-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}.pj-desc{font-size:12px;color:#ffffff80;line-height:1.4}.pj-q{font-size:11px;font-weight:700;color:var(--red-light);margin-top:4px}.ppdb-right{background:var(--off);padding:72px 64px;border-left:none}.ppdb-right .sec-label{color:var(--red)}.ppdb-steps-title{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;color:var(--ink);margin-bottom:40px;line-height:1.1}.vt-steps{position:relative;padding-left:40px}.vt-steps:before{content:"";position:absolute;left:11px;top:16px;bottom:16px;width:2px;background:var(--border)}.vt-step{position:relative;margin-bottom:32px}.vt-step:last-child{margin-bottom:0}.vt-dot{position:absolute;left:-40px;top:4px;width:24px;height:24px;border:2px solid var(--red);background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--red);z-index:1}.vt-dot.active{background:var(--red);color:#fff}.vt-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}.vt-desc{font-size:13px;color:var(--mid);line-height:1.6;margin-bottom:8px}.vt-date{font-size:11px;font-weight:700;color:var(--red);letter-spacing:.5px;background:var(--red-pale);padding:3px 12px;display:inline-block}.osis-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.osis-head{padding:72px 64px 0}.osis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}.osis-cell{padding:40px;border-right:1px solid var(--border);border-top:1px solid var(--border);transition:background .3s}.osis-cell:last-child{border-right:none}.osis-cell:hover{background:var(--red-pale)}.osis-cell.accent{background:var(--red-dark)}.osis-cell.accent:hover{background:var(--red)}.oc-icon{font-size:28px;margin-bottom:16px}.oc-name{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}.osis-cell.accent .oc-name{color:#fff}.oc-desc{font-size:12px;color:var(--mid);line-height:1.6}.osis-cell.accent .oc-desc{color:#ffffff8c}.oc-num{font-family:Cormorant Garamond,serif;font-size:40px;font-weight:700;color:var(--red-pale);margin-top:12px}.osis-cell.accent .oc-num{color:#ffffff1a}.testi-section{background:var(--black);padding:96px 64px;border-bottom:1px solid rgba(255,255,255,.06)}.testi-inner{max-width:860px;margin:0 auto}.testi-label{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red-light);text-align:center;margin-bottom:20px}.testi-big-quote{font-family:Cormorant Garamond,serif;font-size:80px;color:#ffffff0f;text-align:center;line-height:.5;margin-bottom:0}.testi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#ffffff0f;margin-top:48px}.testi-card{background:#ffffff08;padding:36px;transition:background .3s}.testi-card:hover{background:#f8717114}.testi-card.featured{background:var(--red-dark)}.tcard-stars{font-size:13px;color:#d97706;margin-bottom:16px}.tcard-text{font-family:Cormorant Garamond,serif;font-style:italic;font-size:17px;color:#ffffffbf;line-height:1.6;margin-bottom:24px}.tcard-line{height:1px;background:#ffffff14;margin-bottom:20px}.tcard-author{display:flex;align-items:center;gap:12px}.tcard-ava{width:38px;height:38px;background:var(--red-dark);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.tcard-name{font-size:13px;font-weight:700;color:#fff}.tcard-role{font-size:11px;color:#ffffff59;margin-top:2px}.berita-section{background:var(--off);padding:72px 64px;border-bottom:1px solid var(--border)}.berita-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid var(--ink)}.berita-list{display:flex;flex-direction:column}.berita-row{display:grid;grid-template-columns:100px 1fr 120px;gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border);transition:background .2s}.berita-row:last-child{border-bottom:none}.berita-row:hover{background:var(--red-pale);margin:0 -24px;padding:24px}.berita-date-col{text-align:right}.bd-day{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;color:var(--ink);line-height:1}.bd-month{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--soft)}.berita-cat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px}.berita-title{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:4px}.berita-excerpt{font-size:12px;color:var(--mid);line-height:1.5}.berita-tag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);padding:4px 12px;color:var(--mid);text-align:center;width:fit-content;margin-left:auto}footer{background:var(--ink)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.07)}.fc{padding:56px 48px;border-right:1px solid rgba(255,255,255,.06)}.fc:last-child{border-right:none}.fb-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.fb-badge{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red-light);margin-bottom:16px}.fb-desc{font-size:13px;color:#ffffff59;line-height:1.7}.fc-title{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff40;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.fc-links{list-style:none;display:flex;flex-direction:column;gap:11px}.fc-links a{color:#fff6;text-decoration:none;font-size:13px;transition:color .2s}.fc-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 48px}.f-copy{font-size:11px;color:#fff3}.f-flag{display:flex;height:14px;width:28px}.f-flag-r{background:var(--red-mid);flex:1}.f-flag-w{background:#ffffff4d;flex:1}