*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #0f766e;--teal-d: #0d5c56;--teal-m: #0d9488;--teal-l: #2dd4bf;--teal-pale: #f0fafa;--teal-soft: #ccfbf1;--teal-mid: rgba(15,118,110,.08);--ink: #0d2020;--mid: #3d5a58;--muted: #7a9c9a;--border: #d6ecea;--border2: #e8f4f2;--white: #ffffff;--cream: #f8fdfc;--off: #f2fbf9}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--teal-d);color:#ccfbf1;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;font-weight:600}.demo-banner a.use-btn{background:var(--teal-l);color:var(--teal-d);border-radius:99px;padding:5px 16px;font-weight:800;font-size:11px}.demo-banner .cls{cursor:pointer;opacity:.5;font-size:18px;position:absolute;right:16px;background:none;border:none;color:inherit}.site-nav{position:sticky;top:40px;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 56px;height:68px}.nav-left{display:flex;align-items:center;gap:12px}.nav-emblem{width:36px;height:36px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;font-size:16px}.nav-school-abbr{font-size:13px;font-weight:700;color:var(--teal);letter-spacing:.5px}.nav-center{text-align:center}.nav-school{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.3px}.nav-tagline{font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}.nav-right{display:flex;gap:24px;justify-content:flex-end;align-items:center}.nav-right a{font-size:13px;font-weight:500;color:var(--mid);transition:color .2s}.nav-right a:hover{color:var(--teal)}.nav-cta{background:var(--teal);color:#fff;border:none;padding:9px 22px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--teal-d);transform:translateY(-1px)}.hero{padding:100px 56px 0;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--cream) 0%,var(--white) 100%)}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:var(--teal-soft);color:var(--teal-d);padding:6px 18px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:32px}.hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.hero-title{font-family:Fraunces,serif;font-size:80px;font-weight:700;line-height:1;color:var(--ink);letter-spacing:-3px;max-width:900px;margin-bottom:6px}.hero-title em{font-style:italic;color:var(--teal)}.hero-title-sub{font-family:Fraunces,serif;font-style:italic;font-size:32px;font-weight:300;color:var(--muted);letter-spacing:-.5px;margin-bottom:28px;display:block}.hero-desc{font-size:18px;color:var(--mid);line-height:1.7;max-width:600px;margin:0 auto 40px;font-weight:300}.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--teal);color:#fff;padding:14px 32px;border-radius:99px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:var(--teal-d);transform:translateY(-2px);box-shadow:0 8px 24px #0f766e40}.btn-outline{background:transparent;color:var(--teal);padding:14px 32px;border-radius:99px;border:1.5px solid var(--teal);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-outline:hover{background:var(--teal-mid)}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}.hero-wave svg{display:block;width:100%;height:80px}.hero-float{position:absolute;top:120px;display:flex;width:100%;justify-content:space-between;padding:0 40px;pointer-events:none}.hf-pill{background:#fff;border:1px solid var(--border);padding:10px 18px;border-radius:12px;font-size:12px;font-weight:600;color:var(--mid);display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #0000000d}.hf-pill span{font-size:16px}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--teal);position:relative;z-index:2}.stat-item{padding:36px 40px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.stat-item:last-child{border-right:none}.stat-v{font-family:Fraunces,serif;font-size:44px;font-weight:700;color:#fff;line-height:1}.stat-l{font-size:13px;color:#ffffffa6;margin-top:6px;font-weight:400}.jurusan-section{background:var(--cream)}.jurusan-inner{display:grid;grid-template-columns:340px 1fr;min-height:640px}.jur-sticky{background:var(--white);padding:72px 48px;border-right:1px solid var(--border);position:sticky;top:108px;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.sec-eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.sec-title{font-family:Fraunces,serif;font-size:48px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-1.5px}.sec-title em{font-style:italic;color:var(--teal)}.sec-desc{font-size:14px;color:var(--mid);line-height:1.7;margin-top:20px}.jur-sticky-cta{margin-top:40px;background:var(--teal);color:#fff;padding:13px 28px;border-radius:99px;border:none;font-size:14px;font-weight:600;cursor:pointer;width:fit-content;transition:background .2s}.jur-sticky-cta:hover{background:var(--teal-d)}.jur-cards{display:flex;flex-direction:column}.jur-card{border-bottom:1px solid var(--border);background:var(--white);transition:background .3s}.jur-card:first-child{border-top:none}.jur-card:hover{background:var(--teal-pale)}.jur-card-head{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;padding:32px 40px;gap:24px;cursor:pointer}.jur-num{font-family:Fraunces,serif;font-size:32px;font-weight:700;color:var(--border);line-height:1;transition:color .3s}.jur-card:hover .jur-num{color:var(--teal-l)}.jur-card-title{font-size:18px;font-weight:700;color:var(--ink)}.jur-card-icon{font-size:22px;text-align:center}.jur-card-body{padding:0 40px 32px 124px}.jur-card-desc{font-size:14px;color:var(--mid);line-height:1.6;margin-bottom:16px}.jur-chips{display:flex;flex-wrap:wrap;gap:8px}.jchip{font-size:11px;font-weight:600;padding:4px 14px;border-radius:99px;background:var(--teal-soft);color:var(--teal-d)}.features-section{background:var(--white);padding:88px 56px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feat-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}.feat-head .sec-desc{max-width:none}.feat-rows{display:flex;flex-direction:column}.feat-row{display:grid;grid-template-columns:80px 1fr 1fr;align-items:start;padding:36px 0;border-bottom:1px solid var(--border2);gap:40px;transition:background .3s}.feat-row:first-child{border-top:1px solid var(--border2)}.feat-row:hover{background:var(--teal-pale);padding:36px 24px;margin:0 -24px}.feat-row-num{font-family:Fraunces,serif;font-size:48px;font-weight:700;color:var(--border);line-height:1;transition:color .3s}.feat-row:hover .feat-row-num{color:var(--teal-l)}.feat-row-icon{font-size:24px;margin-bottom:12px}.feat-row-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:6px}.feat-row-desc{font-size:14px;color:var(--mid);line-height:1.7}.news-section{background:var(--cream);padding:88px 56px}.news-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.news-all{font-size:13px;font-weight:600;color:var(--teal);display:flex;align-items:center;gap:6px}.news-all:after{content:"→"}.news-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.news-featured{background:var(--white);border:1px solid var(--border);overflow:hidden;transition:box-shadow .3s}.news-featured:hover{box-shadow:0 12px 40px #0f766e1a}.nf-image{aspect-ratio:16/7;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-m) 100%);display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;overflow:hidden}.nf-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,32,32,.4),transparent 60%)}.nf-body{padding:36px}.nf-cat{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.nf-title{font-family:Fraunces,serif;font-size:28px;font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:12px;letter-spacing:-.5px}.nf-excerpt{font-size:14px;color:var(--mid);line-height:1.6;margin-bottom:20px}.nf-meta{display:flex;align-items:center;gap:12px}.nf-date{font-size:12px;color:var(--muted)}.nf-read{font-size:12px;font-weight:600;color:var(--teal)}.news-side{display:flex;flex-direction:column;gap:16px}.news-card{background:var(--white);border:1px solid var(--border);padding:24px;transition:box-shadow .3s,border-color .3s}.news-card:hover{box-shadow:0 6px 20px #0f766e14;border-color:var(--teal-l)}.nc-cat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.nc-title{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px}.nc-date{font-size:11px;color:var(--muted)}.news-row-extra{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-row-card{background:var(--white);border:1px solid var(--border);padding:24px;transition:box-shadow .3s}.news-row-card:hover{box-shadow:0 4px 16px #0f766e14}.gallery-section{background:var(--white);padding:88px 56px;border-top:1px solid var(--border)}.gal-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.gal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:200px 200px;gap:14px}.gal-item{background:linear-gradient(135deg,var(--teal-pale),var(--teal-soft));border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative;transition:transform .3s,box-shadow .3s}.gal-item:hover{transform:scale(1.02);box-shadow:0 12px 32px #0f766e26}.gal-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,118,110,.1),transparent);opacity:0;transition:opacity .3s}.gal-item:hover:after{opacity:1}.g1{grid-column:span 5}.g2{grid-column:span 4}.g3{grid-column:span 3;grid-row:span 2}.g4{grid-column:span 4}.g5{grid-column:span 5}.gal-emoji{font-size:40px;position:relative;z-index:1}.gal-label{font-size:11px;font-weight:600;color:var(--teal-d);text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.testi-section{background:var(--teal);padding:96px 56px;position:relative;overflow:hidden}.testi-section:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:#ffffff0a;pointer-events:none}.testi-section:after{content:"";position:absolute;bottom:-80px;left:-60px;width:300px;height:300px;border-radius:50%;background:#ffffff08;pointer-events:none}.testi-inner{max-width:920px;margin:0 auto;position:relative;z-index:1}.testi-eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--teal-l);text-align:center;margin-bottom:20px}.testi-big-quote{font-family:Fraunces,serif;font-size:120px;color:#ffffff14;text-align:center;line-height:.6;margin-bottom:0}.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.testi-card{background:#ffffff14;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:36px;transition:background .3s}.testi-card:hover{background:#ffffff21}.testi-card.featured{background:#ffffff29}.tcard-stars{color:#fde68a;font-size:14px;margin-bottom:16px;letter-spacing:2px}.tcard-text{font-family:Fraunces,serif;font-style:italic;font-size:18px;color:#ffffffe0;line-height:1.6;margin-bottom:24px;font-weight:300}.tcard-divider{height:1px;background:#ffffff1f;margin-bottom:20px}.tcard-author{display:flex;align-items:center;gap:14px}.tcard-ava{width:44px;height:44px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.tcard-name{font-size:14px;font-weight:700;color:#fff}.tcard-role{font-size:12px;color:#ffffff8c;margin-top:2px}.cta-section{background:var(--cream);padding:96px 56px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.cta-title{font-family:Fraunces,serif;font-size:52px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-2px;margin-bottom:20px}.cta-title em{font-style:italic;color:var(--teal)}.cta-desc{font-size:16px;color:var(--mid);line-height:1.7;margin-bottom:32px;font-weight:300}.cta-btn-group{display:flex;gap:14px}.cta-cards{display:flex;flex-direction:column;gap:14px}.cta-card{background:var(--white);border:1px solid var(--border);padding:24px 28px;display:flex;align-items:flex-start;gap:16px;border-radius:12px;transition:box-shadow .3s,border-color .3s}.cta-card:hover{box-shadow:0 8px 24px #0f766e1a;border-color:var(--teal-l)}.cta-card-icon{width:44px;height:44px;border-radius:10px;background:var(--teal-soft);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cta-card-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px}.cta-card-desc{font-size:13px;color:var(--mid);line-height:1.5}.contact-section{display:grid;grid-template-columns:1fr 1fr;background:var(--white)}.contact-left{padding:80px 64px;background:var(--ink)}.contact-right{padding:80px 64px;border-left:1px solid var(--border)}.contact-left .sec-eyebrow{color:var(--teal-l)}.contact-left .sec-title{color:#fff;font-size:40px;margin-bottom:40px}.contact-left .sec-title em{color:var(--teal-l)}.ci{display:flex;gap:16px;margin-bottom:28px}.ci-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.ci-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-l);margin-bottom:4px}.ci-text{font-size:14px;color:#ffffffb3;line-height:1.5}.map-ph{margin-top:36px;height:160px;border:1px dashed rgba(45,212,191,.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff4d;font-size:13px}.map-ph-icon{font-size:28px;opacity:.4}.contact-right .sec-title{font-size:36px;margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:14px}.f-in{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--cream);color:var(--ink);outline:none;transition:border-color .2s}.f-in:focus{border-color:var(--teal);background:#fff}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.f-textarea{min-height:100px;resize:vertical}.f-submit{background:var(--teal);color:#fff;padding:13px;border-radius:99px;font-size:15px;font-weight:600;cursor:pointer;border:none;width:100%;transition:background .2s,transform .15s}.f-submit:hover{background:var(--teal-d);transform:translateY(-1px)}.site-footer{background:var(--ink);color:#fff;padding:64px 56px 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:56px}.f-brand{font-family:Fraunces,serif;font-size:22px;font-weight:700;margin-bottom:16px}.f-brand em{font-style:italic;color:var(--teal-l)}.f-desc{font-size:14px;line-height:1.8;color:#ffffff73;margin-bottom:24px}.f-socials{display:flex;gap:8px}.f-social{width:36px;height:36px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ffffff80;transition:background .2s,color .2s}.f-social:hover{background:#2dd4bf26;color:var(--teal-l)}.f-col-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff40;margin-bottom:20px}.f-links{display:flex;flex-direction:column;gap:10px}.f-links a{font-size:14px;color:#ffffff80;transition:color .2s}.f-links a:hover{color:var(--teal-l)}.f-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;font-size:12px;color:#ffffff4d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.f-bottom a{color:var(--teal-l);font-weight:700}@media(max-width:1024px){.site-nav{grid-template-columns:1fr auto;padding:0 24px}.nav-right{display:none}.hero{padding:80px 24px 0}.hero-title{font-size:52px}.hero-float{display:none}.jurusan-inner{grid-template-columns:1fr}.jur-sticky{position:static;border-right:none;border-bottom:1px solid var(--border)}.feat-head,.gal-head,.cta-section,.sec-head-2col{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.site-nav{padding:0 20px}.hero-title{font-size:38px}.hero{min-height:auto;padding-bottom:60px}.stats-bar{grid-template-columns:1fr 1fr}.news-grid,.testi-grid{grid-template-columns:1fr}.gal-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.g1,.g2,.g3,.g4,.g5{grid-column:span 1;grid-row:span 1}.contact-section{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.features-section{padding:56px 24px}.feat-row{grid-template-columns:60px 1fr}.feat-row-right{display:none}.feat-head{margin-bottom:32px}.news-section,.gallery-section,.cta-section{padding:56px 24px}.testi-section{padding:64px 24px}.cta-section{display:block}.cta-right{margin-top:40px}.contact-left,.contact-right{padding:56px 24px}.site-footer{padding:48px 24px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}.f-bottom{flex-direction:column;text-align:center}.news-row-extra{grid-template-columns:1fr}}