.recharge-calculator{display:grid;gap:14px}.order-section,.earnings-section,.submit-section{padding:17px;border:1px solid #203d50;border-radius:9px;background:#0a1824}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-label>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #34798a;border-radius:7px;background:#12333f;color:#64dfe6;font:10px Consolas}.section-label b,.section-label small{display:block}.section-label small{margin-top:3px;color:#6f899c;font-size:9px}.order-fields{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;align-items:stretch}.order-fields>label{display:grid;gap:7px;color:#8fa5b5;font-size:11px}.quantity-input{position:relative}.quantity-input input{height:62px;padding-right:46px;font-size:22px;font-weight:800}.quantity-input span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#708a9c}.payable-box{display:flex;flex-direction:column;justify-content:center;padding:11px 16px;border:1px solid #2d6b70;border-radius:8px;background:linear-gradient(130deg,#103037,#10232e)}.payable-box small,.payable-box span{color:#75969d;font-size:9px}.payable-box b{margin:5px 0;color:#7aefc1;font-size:25px}.earnings-section{background:radial-gradient(circle at 88% 12%,#17463a66,transparent 35%),#0a1923}.profit-feature{position:relative;overflow:hidden;padding:18px;border:1px solid #318164;border-radius:9px;background:linear-gradient(125deg,#12392d,#0e2925)}.profit-feature:after{content:'PROFIT';position:absolute;right:15px;top:9px;color:#6df0b20b;font:bold 46px Consolas}.profit-feature small,.profit-feature b,.profit-feature span{display:block;position:relative;z-index:1}.profit-feature small{color:#86c3aa}.profit-feature b{margin:7px 0 4px;color:#69f0b5;font-size:32px;letter-spacing:.5px}.profit-feature span{color:#729b89;font-size:9px}.earnings-details{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.earnings-details article{padding:11px;border:1px solid #203b49;border-radius:7px;background:#0d1e28}.earnings-details small,.earnings-details b{display:block}.earnings-details small{color:#71899a;font-size:9px}.earnings-details b{margin-top:6px;font-size:14px}.submit-section label{display:grid;gap:7px;color:#8fa5b5;font-size:11px}@media(max-width:700px){.order-fields{grid-template-columns:1fr}.earnings-details{grid-template-columns:1fr 1fr}}
