.prepaid-main > .dashboard-container { max-width: 1160px; }
.prepaid-balance { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 32px 38px; color: #fff; background: radial-gradient(circle at 90% 15%, #5469e6, transparent 30%), linear-gradient(125deg, #202e49, #34477a); border-radius: 28px; box-shadow: 0 25px 48px rgba(35, 55, 110, .2); }
.prepaid-balance > div:first-child { display: grid; gap: 9px; }
.prepaid-kicker { color: #c7d8ff; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.prepaid-balance strong { font-size: clamp(40px, 6vw, 68px); line-height: 1.05; letter-spacing: -.055em; }
.prepaid-balance strong small { font-size: 20px; letter-spacing: 0; }
.prepaid-balance p { max-width: 500px; margin: 0; color: #d8e0f4; font-size: 14px; line-height: 1.5; }
.prepaid-balance-forecast { display: grid; gap: 6px; min-width: 270px; padding: 19px 22px; border: 1px solid rgba(255,255,255,.24); border-radius: 18px; background: rgba(255,255,255,.09); }
.prepaid-balance-forecast span,.prepaid-balance-forecast small { color: #d6e0f7; font-size: 13px; }
.prepaid-balance-forecast strong { font-size: 28px; }
.prepaid-calculator { margin: 52px 0; padding: clamp(24px, 4vw, 42px); border: 1px solid #dae5f8; border-radius: 28px; background: #fff; box-shadow: 0 28px 55px rgba(37, 62, 100, .07); }
.prepaid-calculator-eyebrow { color: #4b63e4; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.prepaid-section-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.prepaid-section-title h2,.prepaid-top-up h2 { margin: 10px 0 7px; color: #25324c; font-size: clamp(27px, 3.5vw, 38px); letter-spacing: -.045em; }
.prepaid-section-title p,.prepaid-top-up p { margin: 0; color: #667991; line-height: 1.55; }
.prepaid-calculator-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: #e9efff; color: #4b63e4; font-size: 34px; }
.prepaid-calculator-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.prepaid-calculator-controls { display: grid; align-content: start; gap: 13px; padding: 12px 6px; }
.prepaid-calculator-controls label,.prepaid-top-up label { color: #2e3e58; font-size: 14px; font-weight: 850; }
.prepaid-calculator-controls label strong { float: right; color: #4b63e4; font-size: 19px; }
.prepaid-calculator-controls input[type=range] { width: 100%; accent-color: #4b63e4; }
.prepaid-range-labels { display: flex; justify-content: space-between; margin: -7px 0 5px; color: #8996a9; font-size: 12px; }
.prepaid-calculator-controls input[type=number],.prepaid-calculator-controls select,.prepaid-top-up input { width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid #d7e0f0; border-radius: 12px; color: #25324c; background: #f8faff; font: inherit; }
.prepaid-number-label { margin-top: 4px; }
.prepaid-calculator-controls select { margin-top: 4px; }
.prepaid-calculator-result { display: flex; flex-direction: column; align-items: flex-start; padding: 29px 32px; color: #fff; border-radius: 22px; background: linear-gradient(145deg, #455de0, #253c85); }
.prepaid-calculator-result > span:first-child { font-size: 12px; letter-spacing: .1em; font-weight: 900; color: #cdd8ff; }
.prepaid-calculator-result > strong { margin-top: 9px; font-size: clamp(52px, 6vw, 76px); line-height: 1; letter-spacing: -.07em; }
.prepaid-calculator-result > small { color: #e2e8ff; }
.prepaid-result-divider { width: 100%; height: 1px; margin: 23px 0; background: rgba(255,255,255,.24); }
.prepaid-calculator-result p { margin: 0 0 6px; font-size: 22px; font-weight: 850; }
.prepaid-calculator-result .prepaid-budget { display: grid; gap: 4px; margin-top: 16px; color: #d8ff87; line-height: 1.45; font-size: 13px; }
.prepaid-calculator-result .prepaid-budget strong { width: fit-content; padding: 2px 9px; border-radius: 8px; background: rgba(216, 255, 135, .15); color: #e7ff9e; font-size: 21px; line-height: 1.35; }
.prepaid-calculator-result a { margin-top: auto; padding-top: 27px; color: #d7ff79; font-weight: 900; }
.prepaid-estimate-note { margin: 23px 0 0; color: #718098; font-size: 13px; line-height: 1.5; }
.prepaid-top-up { display: grid; grid-template-columns: 1fr 300px; gap: 40px; align-items: center; margin-top: 34px; padding: 30px 35px; background: #eaf0ff; border-radius: 23px; }
.prepaid-top-up form { display: grid; gap: 10px; }
@media (max-width: 760px) { .prepaid-balance,.prepaid-calculator-grid,.prepaid-top-up { display: grid; grid-template-columns: 1fr; }.prepaid-balance { padding: 27px; }.prepaid-balance-forecast { min-width: 0; }.prepaid-calculator-result { min-height: 270px; } }