.epf-etf-page{background:radial-gradient(circle at 48% 11%,rgba(44,179,139,.16),transparent 29%),radial-gradient(circle at 84% 42%,rgba(56,92,215,.12),transparent 27%),linear-gradient(180deg,#020615,#04091b 72%,#071127)}
.epf-etf-hero .eyebrow{color:#65d4ad}.epf-page-icon{color:#68dcaf;border-color:rgba(80,199,157,.38);background:linear-gradient(145deg,rgba(35,156,117,.2),rgba(28,71,145,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 36px rgba(45,180,135,.12)}.epf-page-icon svg{width:41px;height:41px;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.epf-calculator-workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:14px}.epf-input-panel,.epf-result-panel{min-height:500px;padding:23px;border:1px solid rgba(90,115,159,.22);border-radius:17px;background:linear-gradient(145deg,rgba(16,28,52,.96),rgba(6,15,34,.97));box-shadow:0 22px 62px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.025)}
.epf-panel-heading{margin-bottom:22px;display:flex;align-items:center;gap:12px}.epf-panel-heading>span{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;color:#63d4a8;border:1px solid rgba(74,190,148,.26);border-radius:11px;background:rgba(35,149,112,.1)}.epf-panel-heading svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.epf-panel-heading h2{margin:0;font-size:17px}.epf-panel-heading p{margin:5px 0 0;color:#8993aa;font-size:11px;line-height:1.4}.epf-input-panel>label{display:block;margin-bottom:8px;color:#b8c0d1;font-size:11px;font-weight:700}.epf-input-shell{height:52px;padding:0 8px 0 14px;display:flex;align-items:center;gap:10px;border:1px solid #35425e;border-radius:10px;background:#081127}.epf-input-shell:focus-within{border-color:#53c99c;box-shadow:0 0 0 3px rgba(62,188,143,.1)}.epf-input-shell>span{color:#67d6ad;font:800 10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em}.epf-input-shell input{min-width:0;flex:1;color:#f2f6ff;border:0;outline:0;background:transparent;font-size:18px;font-weight:750}.epf-input-shell input::-webkit-inner-spin-button{display:none}.epf-input-shell button{width:31px;height:31px;color:#8792aa;border:0;border-radius:7px;background:transparent;font-size:19px;cursor:pointer}.epf-input-shell button:hover{color:#fff;background:rgba(54,156,119,.12)}.epf-input-hint{margin:8px 1px 18px;color:#747f97;font-size:9px;line-height:1.45}
.epf-rate-list{display:grid;gap:8px}.epf-rate-list>div{padding:10px 12px;display:grid;grid-template-columns:49px minmax(0,1fr);align-items:center;gap:11px;border:1px solid rgba(87,106,148,.17);border-radius:10px;background:rgba(5,13,30,.48)}.epf-rate-list>div>span{width:46px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:850}.employee-rate{color:#c3adff;background:rgba(122,87,218,.14)}.employer-rate{color:#71deb3;background:rgba(44,166,121,.13)}.etf-rate{color:#8eb0ff;background:rgba(57,91,199,.14)}.epf-rate-list p{margin:0;color:#77829b;font-size:9px;line-height:1.4}.epf-rate-list strong{display:block;margin-bottom:2px;color:#dce1ee;font-size:10px}.epf-official-note{margin-top:17px;padding:12px;display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(57,165,125,.17);border-radius:10px;background:rgba(33,124,92,.07)}.epf-official-note svg{width:22px;height:22px;flex:0 0 22px;color:#61d2a4;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.epf-official-note p{margin:0;color:#78869a;font-size:9px;line-height:1.48}.epf-official-note strong{display:block;margin-bottom:2px;color:#a9d4c3;font-size:10px}
.epf-result-panel{display:flex;flex-direction:column}.epf-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}.epf-result-heading>div:first-child>span{color:#69d5ae;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.epf-result-heading h2{margin:5px 0 0;font-size:18px}.epf-period-switch{padding:3px;display:flex;border:1px solid rgba(83,106,153,.24);border-radius:9px;background:#080f22}.epf-period-switch button{height:29px;padding:0 10px;color:#78839b;border:0;border-radius:6px;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.epf-period-switch button.is-active{color:#e8fff6;background:linear-gradient(135deg,rgba(49,169,125,.34),rgba(43,91,173,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.epf-primary-result{margin:20px 0 11px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(56,184,136,.28);border-radius:12px;background:linear-gradient(135deg,rgba(35,155,113,.16),rgba(33,77,154,.11))}.epf-primary-result>div{display:grid;gap:5px}.epf-primary-result span{color:#82918f;font-size:9px}.epf-primary-result strong{color:#ebfff7;font-size:clamp(20px,3vw,27px)}.epf-primary-result small{color:#75869c;font-size:9px}.epf-total-rate{width:48px;height:36px;display:grid;place-items:center;color:#76dfb7!important;border:1px solid rgba(63,191,143,.28);border-radius:9px;background:rgba(40,153,113,.11);font-size:12px!important;font-weight:850}.epf-result-grid{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.epf-result-grid>div{min-width:0;padding:12px;border:1px solid rgba(87,103,147,.17);border-radius:9px;background:rgba(4,12,29,.48)}.epf-result-grid>div.is-highlighted{border-color:rgba(63,172,132,.23);background:rgba(31,117,89,.08)}.epf-result-grid dt{color:#737f98;font-size:9px}.epf-result-grid dd{margin:6px 0 3px;overflow:hidden;color:#e2e8f4;font-size:14px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.epf-result-grid small{color:#69758e;font-size:8px}.epf-summary-rows{margin-top:10px;border:1px solid rgba(76,98,143,.17);border-radius:10px;background:rgba(5,13,31,.4)}.epf-summary-rows>div{min-height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:13px}.epf-summary-rows>div+div{border-top:1px solid rgba(78,96,134,.14)}.epf-summary-rows span{color:#7e899f;font-size:9px}.epf-summary-rows strong{color:#c7d4ec;font-size:11px;text-align:right}.epf-disclaimer{margin:auto 0 0;padding-top:15px;color:#6f7b92;font-size:9px;line-height:1.5}
.epf-information{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.epf-information article{padding:16px;border:1px solid rgba(92,105,149,.15);border-radius:10px;background:rgba(16,25,49,.54)}.epf-information h2{margin:0 0 6px;font-size:12px}.epf-information p{margin:0;color:#858da5;font-size:10px;line-height:1.55}.epf-information a{display:inline-block;margin-top:8px;color:#6ed7b0;font-size:9px;text-decoration:none}.epf-information a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.epf-calculator-workspace{grid-template-columns:1fr}.epf-input-panel,.epf-result-panel{min-height:0}.epf-result-panel{min-height:465px}.epf-information{grid-template-columns:1fr}}
@media(max-width:560px){.epf-input-panel,.epf-result-panel{padding:17px;border-radius:14px}.epf-result-heading{display:grid}.epf-period-switch{width:max-content}.epf-primary-result strong{font-size:19px}.epf-result-grid{grid-template-columns:1fr}.epf-result-panel{min-height:590px}.epf-summary-rows>div{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.epf-summary-rows strong{text-align:left}}