.fee-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 20%,#1b7554 0,transparent 34%),linear-gradient(116deg,#061d1b,#0a3b2e 72%,#092d27)}
.fee-hero::before{content:"";position:absolute;right:-180px;top:-310px;width:760px;height:760px;border:1px solid rgba(212,159,64,.2);border-radius:50%;box-shadow:0 0 0 82px rgba(212,159,64,.04),0 0 0 175px rgba(212,159,64,.025);pointer-events:none}
.fee-hero-orbit{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(90deg,#9dcfba 1px,transparent 1px),linear-gradient(#9dcfba 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#000 75%)}
.fee-hero-wrap{position:relative;z-index:1;width:min(100% - 48px,1240px);margin-inline:auto;padding-top:142px;padding-bottom:220px}
.fee-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#a3d1b9;font-size:.7rem;letter-spacing:.18em;font-weight:800}
.fee-eyebrow>span{width:18px;height:2px;background:currentColor}
.fee-hero h1{margin-top:20px;color:#fff;font-size:clamp(3.2rem,6vw,6rem);line-height:.98;letter-spacing:-.075em;font-weight:850}
.fee-hero h1 em{color:#f8df99;font-style:normal}
.fee-hero p{max-width:570px;margin-top:22px;color:#c4ddd0;font-size:1rem;line-height:1.65}
.fee-table-wrapper{position:relative;z-index:2;width:min(100% - 32px,1120px);margin:-200px auto 0;padding-bottom:90px;font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif!important}
.fee-background{min-height:0!important;padding:0!important;background:#fff!important;border:1px solid #dbe7de;border-radius:20px;box-shadow:0 20px 52px rgba(12,52,35,.14);overflow:hidden}
.fee-container{max-width:980px!important}
.fee-tab-switcher{background:#fff!important;border:1px solid #dbe7de!important;box-shadow:0 8px 22px rgba(12,52,35,.06)!important}
.fee-tab-btn.putra{background:#e5f2e8!important;color:#0d7658!important}.fee-tab-btn.putra.active{background:#0d7658!important;color:#fff!important;box-shadow:0 7px 18px rgba(13,118,88,.25)!important}
.fee-tab-btn.putri{background:#f8eedb!important;color:#8a5a1b!important}.fee-tab-btn.putri.active{background:linear-gradient(110deg,#ad7827,#d0a348)!important;box-shadow:0 7px 18px rgba(143,97,25,.25)!important}
.fee-card{border:1px solid #dbe7de!important;box-shadow:0 7px 20px rgba(12,52,35,.06)!important}.fee-card .fee-number{background:#0d7658!important}.putri-view .fee-number{background:#c29139!important}
.fee-item-title{color:#16352b!important}.fee-amount{color:#0d7658!important}.putri-view .fee-amount{color:#8a5a1b!important}
.fee-category-header{background:#e8f2e8!important;color:#082c25!important}.fee-total-card{background:linear-gradient(116deg,#082c25,#0d7658)!important;box-shadow:0 12px 30px rgba(8,44,37,.25)!important}.putri-view .fee-total-card{background:linear-gradient(116deg,#8a5a1b,#d0a348)!important}
.fee-summary-section{border-top:1px solid #dbe7de!important;background:#fff!important}.fee-summary-item.active{background:#0d7658!important}.putri-view .fee-summary-item.active{background:#c29139!important}.fee-summary-item{background:#e8f2e8!important}
@media(max-width:620px){.fee-hero-wrap{width:min(100% - 32px,1240px);padding-top:125px;padding-bottom:180px}.fee-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.fee-hero p{font-size:.9rem}.fee-table-wrapper{width:min(100% - 20px,1120px);margin-top:-150px;padding-bottom:55px}}
@media(max-width:480px){.fee-hero-wrap{width:min(100% - 24px,1240px);padding-top:110px;padding-bottom:160px}.fee-table-wrapper{width:min(100% - 16px,1120px);margin-top:-130px;padding-bottom:45px}}
@media(min-width:621px){.fee-container{max-width:min(980px,100% - 40px)!important}}