/* Palette and angular motifs from the supplied SARFLY X artwork. */
:root{--bg:#f8faff;--surface:#fff;--lime:#0755e9;--text:#07172e;--muted:#57677e;--border:#dce4f0;color-scheme:light}
body{background:radial-gradient(ellipse at 85% 8%,#00bbff0d,transparent 35%),var(--bg)}
.header{height:114px}.brand{display:flex;flex-shrink:0}.brand-logo{width:146px;height:97px;object-fit:contain;display:block;mix-blend-mode:multiply}.footer .brand-logo{width:126px;height:84px}
nav{color:#52647d}.button{background:linear-gradient(115deg,#0845d4,#0078f4);color:#fff;box-shadow:0 6px 18px #0755e918}.button:hover{background:linear-gradient(115deg,#0635ae,#0096ff)}
.status-dot{box-shadow:0 0 12px #00bfff50}.hero-description{color:var(--muted)}.hero-visual{height:585px;background:transparent;overflow:visible}.hero-brand-art{position:absolute;inset:0 0 auto;width:100%;height:auto;border-radius:14px;border:1px solid var(--border);box-shadow:0 16px 45px #082b6012}.hero-visual .orbit,.hero-visual .floating-plus,.hero-visual .visual-label{display:none}
.exchange-card{top:320px;left:32px;right:32px;transform:rotate(-2deg);background:linear-gradient(130deg,#07172e,#0b2959);border-color:#2c5485;color:#fff;box-shadow:0 20px 45px #08245026;padding:22px}.exchange-card .button{background:linear-gradient(115deg,#0463ee,#009bea)}.exchange-card .card-heading{margin-bottom:19px}.exchange-card .card-button{margin-top:19px}.card-heading .pill{border-color:#365d8a;color:#cbdcf2}.dinar{background:#203c60;color:#fff}.tether{background:#03bbf5;color:#072b56}.currency-row small,.row-currency{color:#a9c0df}.transfer-line span{background:#2b476b}.transfer-line i{color:#28c6ff}.card-footnote{color:#b3c8e2}.visual-caption{display:none}
.payment-strip{background:#eff4fb}.strip-inner strong{color:#0b284a}.strip-arrow{color:#0789ed}.step-symbol,.auth-icon{background:#edf4ff;color:#0755e9}.step-number{color:#6b7f9b}.steps article{box-shadow:0 8px 28px #07244c04}
.why-art{background:linear-gradient(135deg,#03162f,#084be0 75%,#00b6f9);color:#fff;box-shadow:0 16px 40px #0755e91a}.grid-art{background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px)}.art-arrow{color:#5ad9ff}.art-lyd,.art-usdt{color:#fff}.art-caption{color:#d8efff}.benefits li>span{border-color:#cbdcf7;color:#0755e9}.final-cta{border-color:#d2e3fa;background:linear-gradient(130deg,#fff,#ecf4ff)}
.auth-tabs{color:#5c6d85}.auth-art{color:#143964}.auth-message.error{color:#b42e23}input{background:#f8faff;color:#07172e;border-color:#bdcce1}input::placeholder{color:#697e9a}.auth-panel{box-shadow:0 18px 50px #0826520a}.language-switch{background:#fff}.footer{padding-block:15px}
@media(max-width:1050px) and (min-width:761px){.header{gap:15px}.header nav{gap:14px}.brand-logo{width:115px;height:77px}.header-actions{gap:12px}.exchange-card{top:270px;left:10px;right:10px}.hero-visual{height:560px}}
@media(max-width:760px){.header{height:auto;min-height:98px;padding-block:10px;gap:8px}.brand-logo{width:106px;height:71px}.header-actions{gap:8px}.header-actions .button-small{padding:0 10px}.hero{gap:33px}.hero-visual{height:535px;margin-top:3px}.hero-brand-art{border-radius:10px}.exchange-card{top:218px;left:10px;right:10px;padding:21px;transform:rotate(-1deg)}.footer .brand-logo{width:100px;height:67px}}
@media(max-width:370px){.header-actions{width:100%;justify-content:space-between}.hero-visual{height:525px}.exchange-card{top:200px}}
/* Reserve space for the full artwork and transfer card. */
.hero-visual{height:700px}
@media(max-width:1050px) and (min-width:761px){.hero-visual{height:660px}}
@media(max-width:760px){.hero-visual{height:610px}}
@media(max-width:370px){.hero-visual{height:590px}}

/* Light website surfaces let the original glossy artwork stand apart. */
:root{--bg:#f7f9fd;--surface:#ffffff;--lime:#0755e9;--text:#07172e;--muted:#52657f;--border:#d9e3f0;color-scheme:light}
body{background:radial-gradient(ellipse at 85% 5%,#00bbff0a,transparent 40%),var(--bg)}
.brand-logo{mix-blend-mode:normal;border-radius:6px}
.hero-brand-art{border:0;border-radius:12px;outline:none;box-shadow:0 18px 45px #07172e18}
.header .brand,.footer .brand{padding:0;background:transparent;border:0;box-shadow:none}
.exchange-card{background:linear-gradient(130deg,#ffffff,#edf5ff);border-color:#b9d2ef;color:#07172e;box-shadow:0 20px 45px #08245018}
.card-heading .pill{border-color:#bdd2eb;color:#24466f}.dinar{background:#e1ebf8;color:#0c3468}.tether{background:#d4f4ff;color:#0755a0}
.currency-row small,.row-currency{color:#506c8e}.transfer-line span{background:#c7d9ee}.transfer-line i{color:#0874db}.card-footnote{color:#526b89}
.why-art{background:linear-gradient(135deg,#e5efff,#d5f4ff);color:#073e8e;box-shadow:0 16px 40px #0755e910}.art-arrow{color:#0875eb}.art-lyd,.art-usdt{color:#073772}.art-caption{color:#335b87}.grid-art{background-image:linear-gradient(#0755e90a 1px,transparent 1px),linear-gradient(90deg,#0755e90a 1px,transparent 1px)}
/* A compact wordmark and a purchase-focused hero. */
.wordmark{display:inline-flex;align-items:center;gap:7px;font-family:Manrope,'DM Sans',sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px;line-height:1.2;color:#07172e;white-space:nowrap}.wordmark-x{font-size:32px;color:#0755e9;font-weight:800}.footer .wordmark{font-size:21px}.footer .wordmark-x{font-size:27px}
.header{height:94px}.footer{padding-block:30px}.hero{padding-block:65px}.hero-visual{height:535px;background:radial-gradient(ellipse at 50% 43%,#d7eeff,transparent 70%);overflow:hidden}.hero-visual .orbit{display:block;border-color:#bed8f160}.hero-visual .floating-plus{display:block;color:#5d9fd2}.hero-visual .visual-label{display:block;color:#45698f}.flow-emblem{position:absolute;top:87px;left:50%;transform:translateX(-50%) rotate(-5deg);display:flex;align-items:center;gap:20px;padding:18px 26px;border:1px solid #b4d4f4;border-radius:14px;background:linear-gradient(120deg,#fff,#eaf5ff);box-shadow:0 12px 34px #0a52af12;font:700 30px Manrope,sans-serif;letter-spacing:-1px;color:#0d3f78;white-space:nowrap}.flow-emblem-arrow{color:#087eeb;font-size:41px}.exchange-card{top:202px;left:27px;right:27px}.hero-visual .visual-caption{display:flex;bottom:0;color:#486b92}.hero-visual .plus-two{bottom:45px}
@media(max-width:1050px) and (min-width:761px){.header{height:90px}.hero-visual{height:535px}.exchange-card{top:202px;left:10px;right:10px}.flow-emblem{font-size:25px;gap:15px;padding:16px 22px}}
@media(max-width:760px){.header{height:auto;min-height:82px;padding-block:16px}.wordmark{font-size:21px;gap:5px}.wordmark-x{font-size:27px}.hero{padding-block:40px;gap:24px}.hero-visual{height:530px}.flow-emblem{top:82px;font-size:25px;gap:17px;padding:16px 22px}.exchange-card{top:194px;left:10px;right:10px}.hero-visual .visual-caption{font-size:8px;left:18px;right:18px}}
@media(max-width:370px){.header-actions{width:auto;flex-wrap:wrap}.header{gap:15px}.hero-visual{height:530px}}
.hero-visual{height:600px}
@media(max-width:1050px) and (min-width:761px){.hero-visual{height:600px}}
@media(max-width:760px){.hero-visual{height:590px}}

/* Live rate (backend-provided) */
.live-rate{margin-top:14px;padding:10px 14px;border:1px solid #2c5485;border-radius:10px;display:flex;gap:6px;align-items:baseline;justify-content:center;color:#cbdcf2;font-size:15px;direction:ltr}.live-rate strong{color:#fff;font-size:20px}