:root{font-family:'IBM Plex Sans Arabic','DM Sans',sans-serif;color:#17251f;background:#f4f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--green:#176b4c;--mint:#dcefe5;--muted:#76847d;--line:#e8eeea}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 13%,#eaf3ed 0,transparent 36%),#f5f7f5}.topbar{height:76px;border-bottom:1px solid #e8ede9;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1120px)/2),5.5vw);background:#f7f9f7cc}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;color:#1b2d24;font:700 18px 'DM Sans',sans-serif;letter-spacing:-.5px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#176b4c;color:#fff;border-radius:9px;font-size:16px}.brand-accent{color:#176b4c}.top-actions{display:flex;gap:18px;align-items:center}.local-pill{font-size:12px;color:#63746b;display:flex;gap:7px;align-items:center}.local-pill i,.live b{width:7px;height:7px;border-radius:50%;background:#34a673;display:inline-block}.language{height:34px;padding:0 12px;border:1px solid #dbe4de;border-radius:8px;color:#34463c;background:#fff;font:600 12px 'DM Sans';cursor:pointer}.language span{font-size:10px;color:#84928a;margin-inline-start:6px}main{max-width:1120px;margin:0 auto;padding:54px 0 24px}.intro{max-width:630px;margin-bottom:38px}.eyebrow{display:flex;align-items:center;gap:10px;color:#176b4c;font-size:13px;font-weight:600}.eyebrow-line{height:1px;width:22px;background:#65a98b}.intro h1{font-size:clamp(42px,5.3vw,66px);line-height:1.24;letter-spacing:-1.7px;margin:18px 0 10px;font-weight:700}.intro h1 em{font-style:normal;color:#176b4c}.intro-copy{font-size:15px;line-height:1.9;color:#69766f;max-width:510px;margin:0}.trust{margin-top:17px;display:flex;align-items:center;gap:8px;color:#728078;font-size:12px}.check{height:18px;width:18px;display:grid;place-items:center;color:#176b4c;background:#e4f2e9;border-radius:50%;font:700 11px 'DM Sans'}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:20px;align-items:stretch}.card{background:#fff;border:1px solid #e7ece8;border-radius:15px;box-shadow:0 7px 24px #243c2d08}.calculator{padding:25px 27px 21px}.results{padding:25px 27px 21px;background:linear-gradient(160deg,#fff 0%,#fbfdfb 100%)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{font-size:16px;margin:0;font-weight:600}.step{font:600 10px 'DM Sans';color:#8c9b92;background:#f0f4f1;border-radius:5px;padding:5px 6px;letter-spacing:.3px}.live{font-size:11px;color:#6d7b73;display:flex;align-items:center;gap:7px}.live b{height:6px;width:6px}.currency-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#718077;font-size:12px}.currency{border:1px solid #e2e9e4;background:#fff;color:#34463b;border-radius:7px;padding:7px 10px;font:500 12px 'DM Sans','IBM Plex Sans Arabic',sans-serif;direction:ltr}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.field{display:flex;flex-direction:column;gap:7px;color:#394a40;font-size:12px;font-weight:500}.field:first-child{grid-column:1}.field:nth-child(2){grid-column:2;grid-row:1}.field:nth-child(3){grid-column:1/-1}.input-wrap{height:42px;border:1px solid #dfe7e1;border-radius:8px;display:flex;align-items:center;padding:0 11px;transition:border .15s,box-shadow .15s}.input-wrap:focus-within,.rate-input:focus-within{border-color:#6bac8b;box-shadow:0 0 0 3px #e8f4ec}.input-wrap input,.rate-input input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:#23352b;font:600 14px 'DM Sans',sans-serif}.input-wrap .unit{font-size:11px;color:#85928a}.field small,.commission-title small{font-size:10px;color:#8b9890;font-weight:400}.commission-box{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.commission-title{display:flex;gap:10px;align-items:center;margin-bottom:13px}.commission-icon{width:30px;height:30px;background:#eef5ef;border-radius:8px;display:grid;place-items:center;color:#31805e;font-size:15px}.commission-title strong,.commission-title small{display:block}.commission-title strong{font-size:12px;font-weight:600;margin-bottom:2px}.rate-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rate-field{display:flex;justify-content:space-between;align-items:center;color:#5a6b61;font-size:11px}.rate-input{width:82px;height:34px;border:1px solid #e1e8e3;border-radius:7px;display:flex;align-items:center;padding:0 9px}.rate-input input{font-size:12px}.rate-input span{font-size:11px;color:#89958e}.privacy-note{border-top:1px solid var(--line);margin:18px 0 0;padding-top:14px;color:#849189;font-size:10px;display:flex;gap:7px}.privacy-note span:first-child{color:#619177}.error{color:#a74135;background:#fff3f1;padding:9px 11px;border-radius:7px;font-size:11px;margin:14px 0 0}.result-icon{font:600 17px 'DM Sans';color:#468d69;background:#edf5ef;width:29px;height:29px;display:grid;place-items:center;border-radius:8px}.profit-block{background:#f2f8f3;border:1px solid #e5f0e7;border-radius:11px;padding:17px 19px 15px}.result-label{font-size:11px;color:#63756a}.profit-number{font:700 clamp(26px,3vw,34px) 'DM Sans','IBM Plex Sans Arabic',sans-serif;letter-spacing:-.9px;color:#176b4c;margin:5px 0 3px;direction:ltr;text-align:right}.profit-number.negative{color:#b25348}.profit-number small,.metric strong small{font:500 11px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;color:#658170}.profit-status{display:flex;align-items:center;gap:6px;color:#548065;font-size:10px}.status-dot{width:6px;height:6px;background:#40a26f;border-radius:50%}.metric-list{padding:7px 1px}.metric{display:flex;justify-content:space-between;align-items:center;padding:11px 1px;border-bottom:1px solid #edf1ee;font-size:12px;color:#66756c}.metric>span{display:flex;align-items:center;gap:8px}.metric-icon{color:#80958a;font-size:14px;width:17px;text-align:center}.metric strong{font:600 13px 'DM Sans','IBM Plex Sans Arabic',sans-serif;color:#33453a;direction:ltr;text-align:left}.insight{margin-top:12px;padding:11px 12px;background:#fbf8eb;border:1px solid #f1eedf;border-radius:8px;display:flex;align-items:flex-start;gap:9px}.bulb{color:#bf9b43;font-size:14px}.insight p{margin:0;font-size:10px;line-height:1.8;color:#777253}.insight strong{font-weight:600;color:#5b6043}.formula-note{display:flex;justify-content:space-between;gap:10px;margin-top:15px;color:#9aa49e;font-size:9px}.formula-note span:last-child{direction:rtl}footer{display:flex;justify-content:space-between;align-items:center;margin-top:31px;padding-top:17px;border-top:1px solid #e7ece8;color:#89948d;font:10px 'DM Sans','IBM Plex Sans Arabic',sans-serif}.footer-mark{color:#61a17c;display:flex;align-items:center;gap:5px}.footer-mark>span{color:#89948d}html[dir="ltr"] body{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif}html[dir="ltr"] .intro h1{letter-spacing:-2px}html[dir="ltr"] .profit-number{text-align:left}html[dir="ltr"] .metric strong{text-align:right}html[dir="ltr"] .formula-note span:last-child{direction:ltr;text-align:right}html[dir="ltr"] .input-wrap .unit{margin-left:8px;margin-right:0}
@media(max-width:900px){main{padding:42px 24px 22px}.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.calculator,.results{padding:22px 20px}.intro{margin-bottom:30px}}
@media(max-width:760px){.topbar{height:64px;padding:0 19px}.local-pill{font-size:0}.local-pill i{width:8px;height:8px}.top-actions{gap:12px}main{padding:34px 17px 18px}.intro{margin-bottom:24px}.intro h1{font-size:48px;margin-top:15px}.intro-copy{font-size:13px}.trust{font-size:10px}.workspace{grid-template-columns:minmax(0,1fr);gap:14px}.workspace>.card{min-width:0}.calculator,.results{padding:21px 19px}.results{order:2}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px} .rate-fields{grid-template-columns:minmax(0,1fr)}.field{font-size:11px}.field small{font-size:9px}.profit-number{font-size:31px}footer{margin-top:23px;gap:10px;flex-wrap:wrap;font-size:9px}footer span:nth-child(2){order:3;width:100%}}
@media(max-width:380px){.intro h1{font-size:42px}.rate-fields{grid-template-columns:1fr}.rate-field{max-width:none}.calculator,.results{padding:18px 15px}}

/* MoneyGuard visual system: restrained evergreen, mineral teal and a soft iris glow. */
:root{--green:#155e47;--mint:#dcefe8;--muted:#52645a;--line:#dfe8e2;--ink:#17251f;--focus:#14785a}
body{color:var(--ink);background:radial-gradient(ellipse at 88% 8%,#e4f1ec 0,transparent 34%),radial-gradient(ellipse at 8% 23%,#efedfa 0,transparent 28%),#f5f7f5}
.topbar{background:#f8faf8e8;border-color:#dfe8e2;backdrop-filter:blur(12px)}
.card{border-color:#e1e9e4;box-shadow:0 12px 34px #203b2c0a,0 2px 7px #203b2c05;transition:box-shadow .22s ease,border-color .22s ease}
.results{position:relative;isolation:isolate;overflow:hidden;border-color:#dce9e2;background:linear-gradient(145deg,#fff 0%,#fbfdfb 64%,#f8f8fc 100%)}
.results::before{content:"";position:absolute;z-index:-1;inset:-22% -12% auto 26%;height:58%;border-radius:50%;background:radial-gradient(ellipse,#ccefe5 0%,#e5def8 38%,transparent 72%);filter:blur(24px);opacity:.46;animation:soft-aura 11s ease-in-out infinite alternate}
@keyframes soft-aura{from{transform:translate3d(-9px,0,0) scale(.96);opacity:.34}to{transform:translate3d(9px,8px,0) scale(1.04);opacity:.52}}
.eyebrow,.intro h1 em,.brand-accent{color:#155e47}
.step{color:#53675b;background:#eaf1ec;font-size:11px}
.live{color:#4e6257;font-size:12px}
.field small,.commission-title small{font-size:12px;color:#52645a}
.input-wrap .unit,.rate-input span{color:#52645a;font-size:12px}
.rate-field{color:#42554a;font-size:12px}
.privacy-note{color:#52645a;font-size:12px}
.result-label{font-size:13px;color:#45594d}
.profit-status{color:#315f45;font-size:12px}
.metric{color:#4f6157;font-size:13px}
.metric-icon{color:#536b5d}
.insight{background:#fbf8ec;border-color:#e9dfbb}
.insight p{font-size:12px;color:#514c35}
.bulb{color:#795c1d}
.formula-note{color:#596a60;font-size:11px}
footer{color:#52645a;font-size:11px}
.local-pill{color:#45594d}
.currency-row{color:#52645a}
.footer-mark>span{color:#52645a}
.language{color:#263b30;border-color:#cbd9d0;min-height:40px}
.currency{color:#263b30;border-color:#cbd9d0}
.input-wrap,.rate-input{border-color:#cbd9d0}
.input-wrap input,.rate-input input{color:#1d3026}
.field{color:#2f4438}
.trust{color:#52645a}
.check{color:#155e47;background:#e3f1e9}
.error{color:#8f3027;background:#fff0ed}
.profit-number.negative{color:#9c352e}
.profit-number small,.metric strong small{color:#455e50}
button,select,input{font:inherit}
button:not(:disabled),a,.currency{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #14785a;outline-offset:3px}
.input-wrap:focus-within,.rate-input:focus-within,.subscription-field input:focus,.subscription-field select:focus{border-color:#14785a;box-shadow:0 0 0 3px #dcefe8}
@media(hover:hover){.card:hover{border-color:#d8e5dc;box-shadow:0 15px 38px #203b2c0d,0 2px 8px #203b2c06}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid Highlight}}