@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--primary:#2563eb;--dark:#102449;--soft:#edf3ff;--muted:#69758b}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#f7f9fd;color:var(--dark);font-family:Tajawal,Tahoma,sans-serif;display:flex;flex-direction:column;isolation:isolate;line-height:1.6}a{text-decoration:none;color:inherit}a:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(5px)}.ambient-one{width:640px;height:640px;right:-200px;top:-330px;background:radial-gradient(circle,var(--soft),transparent 70%)}.ambient-two{width:550px;height:550px;left:-220px;bottom:-280px;background:radial-gradient(circle,var(--soft),transparent 70%)}.compact-header{width:min(1100px,calc(100% - 64px));margin:30px auto 0;display:flex;gap:11px;align-items:center}.brand-symbol{width:43px;height:43px;border-radius:14px;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:700;box-shadow:0 5px 15px #10244915}.compact-header strong{font-size:25px;overflow-wrap:anywhere;max-width:70%}.header-tag{margin-right:auto;font-size:12px;color:var(--muted)}.compact-main{flex:1;display:grid;place-items:center;padding:35px 24px}.loan-card{width:min(100%,610px);background:#fff;border:1px solid #e6ebf4;border-radius:30px;box-shadow:0 25px 90px #10244909;padding:27px 42px 0;text-align:center;position:relative;overflow:hidden}.loan-card:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--soft),var(--primary),var(--soft))}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;color:var(--primary);display:inline-flex;gap:7px;align-items:center}.eyebrow i{height:6px;width:6px;background:var(--primary);border-radius:50%}.spark{font-size:23px;color:var(--primary)}.loan-icon{display:grid;place-items:center;width:70px;height:70px;background:var(--soft);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 12%,white);border-radius:21px;margin:22px auto 21px;transform:rotate(-7deg)}.loan-icon svg{width:40px;height:40px;transform:rotate(7deg)}h1{font-size:35px;line-height:1.4;letter-spacing:-.8px;margin:0 auto 25px;max-width:430px;font-weight:800}.amount-range{display:flex;align-items:center;justify-content:center;gap:23px;background:linear-gradient(110deg,var(--soft),#f9fbff);border:1px solid color-mix(in srgb,var(--primary) 10%,white);border-radius:18px;padding:18px 20px;margin:0 auto 22px;max-width:390px}.amount-range>div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:7px;min-width:85px}.amount-range small{grid-column:1/-1;text-align:right;color:var(--muted);font-size:11px}.amount-range strong{font-family:Tajawal,sans-serif;font-size:37px;line-height:1.3;color:var(--primary);font-weight:800;direction:ltr}.amount-range div>span{font-size:12px;color:var(--muted)}.range-line{height:1px;width:50px;background:color-mix(in srgb,var(--primary) 30%,white);position:relative;flex-shrink:0}.range-line:before,.range-line:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--primary)}.range-line:before{right:0}.range-line:after{left:0}.loan-description{font-size:15px;line-height:1.9;color:var(--muted);max-width:420px;margin:0 auto 24px}.contact-group{display:flex;gap:12px}.contact-inline{margin-bottom:25px}.contact-button{display:flex;gap:10px;align-items:center;justify-content:center;padding:14px 16px;border-radius:13px;color:#fff;flex:1;transition:transform .2s,box-shadow .2s;min-width:0}.contact-button:hover{transform:translateY(-3px);box-shadow:0 10px 22px #10244920}.call-button{background:var(--dark)}.whatsapp-button{background:#087f5b}.contact-button>span:first-child{font-size:25px;line-height:1}.contact-button>span:nth-child(2){font-size:15px;font-weight:700;text-align:right;line-height:1.5}.contact-button small{display:block;font-size:10px;font-weight:400;color:#ffffffb8}.contact-button b{font:400 20px Arial;margin-right:auto}.card-bottom{margin:0 -42px;background:#fafbfd;border-top:1px solid #edf0f5;padding:14px;font-size:11px;color:var(--muted)}.card-bottom>span{margin-left:7px;color:var(--primary)}.contact-pending{font-size:13px;color:var(--muted);margin-bottom:25px}footer{width:min(1100px,calc(100% - 64px));margin:0 auto;padding:15px 0 25px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.contact-floating{position:fixed;left:25px;bottom:25px;flex-direction:column;z-index:5}.contact-floating .contact-button{min-width:117px;box-shadow:0 5px 20px #10244920;padding:13px 18px}.contact-floating .contact-button>span:nth-child(2){font-size:13px}.contact-floating .contact-button>span:first-child{font-size:22px}@media(max-width:760px){.compact-header{width:calc(100% - 36px);margin-top:22px}.header-tag{font-size:10px}.compact-main{padding:26px 18px}.loan-card{padding:23px 25px 0;border-radius:24px;max-width:530px}h1{font-size:30px;max-width:360px}.loan-icon{margin:17px auto 18px;width:60px;height:60px;border-radius:18px}.loan-icon svg{width:34px;height:34px}.amount-range{gap:15px;padding:16px 14px}.amount-range strong{font-size:34px}.range-line{width:35px}.loan-description{font-size:14px;margin-bottom:22px}.contact-button{padding:13px 11px;gap:8px}.contact-button>span:nth-child(2){font-size:13px}.contact-button small{font-size:10px}.contact-button b{font-size:16px}.card-bottom{margin:0 -25px;font-size:10px}footer{width:calc(100% - 36px);padding-bottom:104px;font-size:10px}.contact-floating{left:18px;right:18px;bottom:16px;flex-direction:row;gap:12px}.contact-floating .contact-button{min-width:0;padding:15px;flex:1}.contact-floating .contact-button>span:nth-child(2){font-size:14px}}@media(max-width:360px){.loan-card{padding-right:20px;padding-left:20px}h1{font-size:27px}.amount-range{gap:12px}.amount-range>div{min-width:72px}.amount-range strong{font-size:31px}.range-line{width:25px}.contact-inline{flex-direction:column;gap:9px}.contact-inline .contact-button{justify-content:flex-start;padding:12px 18px}.card-bottom{margin-right:-20px;margin-left:-20px}.header-tag{display:none}.compact-header strong{font-size:23px}.loan-description{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}