/* <inline asset> */
@charset "UTF-8"; 

/* /dz_credit_housing/static/src/scss/simulator.scss */
 :root{--dz-ink: #0A0A41; --dz-ink-soft: rgba(10, 10, 65, 0.62); --dz-ink-muted: rgba(10, 10, 65, 0.42); --dz-violet: #7F00FD; --dz-violet-soft: rgba(127, 0, 253, 0.10); --dz-violet-ink: #5A00B5; --dz-magenta: #D640FF; --dz-magenta-soft: rgba(214, 64, 255, 0.10); --dz-heliotrope: #E565FF; --dz-heliotrope-soft: rgba(229, 101, 255, 0.10); --dz-white: #FFFFFF; --dz-bg-soft: #F7F6FB; --dz-border: rgba(127, 0, 253, 0.10); --dz-border-strong: rgba(127, 0, 253, 0.22); --dz-grad: linear-gradient(135deg, #7F00FD 0%, #D640FF 60%, #E565FF 100%); --dz-grad-soft: linear-gradient(135deg, rgba(127, 0, 253, 0.06) 0%, rgba(229, 101, 255, 0.06) 100%); --dz-shadow-sm: 0 4px 12px rgba(10, 10, 65, 0.06); --dz-shadow-md: 0 12px 28px rgba(10, 10, 65, 0.10); --dz-shadow-lg: 0 20px 48px rgba(127, 0, 253, 0.20); --dz-shadow-glow: 0 16px 36px rgba(214, 64, 255, 0.32); --dz-radius-sm: 12px; --dz-radius-md: 16px; --dz-radius-lg: 22px; --dz-radius-xl: 28px; --dz-radius-pill: 999px; --dz-font-display: 'Zain', 'Inter', 'Cairo', sans-serif; --dz-font-body: 'Inter', 'Cairo', sans-serif; --dz-ease: cubic-bezier(0.16, 1, 0.3, 1);}#wrap.dz-sim-wrap, .dz-sim-wrap{background: var(--dz-bg-soft); font-family: var(--dz-font-body); color: var(--dz-ink); line-height: 1.55; position: relative; overflow-x: hidden;}.dz-sim-wrap::before, .dz-sim-wrap::after{content: ""; position: absolute; pointer-events: none; border-radius: 50%; filter: blur(60px); z-index: 0;}.dz-sim-wrap::before{top: -8%; right: -10%; width: 460px; height: 460px; background: radial-gradient(circle, rgba(229, 101, 255, 0.18) 0%, transparent 70%);}.dz-sim-wrap::after{bottom: -10%; left: -10%; width: 520px; height: 520px; background: radial-gradient(circle, rgba(127, 0, 253, 0.18) 0%, transparent 70%);}.dz-badge-elite{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: var(--dz-radius-pill); background: var(--dz-violet-soft); border: 1px solid var(--dz-border-strong); color: var(--dz-violet); font-family: var(--dz-font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 18px; position: relative; z-index: 1;}.dz-title-elite{font-family: var(--dz-font-display); font-weight: 800; font-size: clamp(2rem, 5.5vw, 3.6rem); line-height: 1.06; letter-spacing: -0.025em; color: var(--dz-ink); margin: 0 0 22px; text-wrap: balance; position: relative; z-index: 1;}.dz-title-elite em{font-style: italic; background: var(--dz-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700;}.dz-simulator-box{position: relative; z-index: 1; background: rgba(255, 255, 255, 0.86); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); border: 1px solid var(--dz-border); border-radius: var(--dz-radius-xl); padding: 24px 20px; box-shadow: var(--dz-shadow-md); margin-bottom: 24px;}@media (min-width: 768px){.dz-simulator-box{padding: 36px 36px; border-radius: 32px;}}.dz-sim-section-label, .dz-label-small{font-family: var(--dz-font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dz-ink-soft); margin: 0 0 12px; display: block;}.dz-prop-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}@media (min-width: 540px){.dz-prop-grid{grid-template-columns: repeat(3, 1fr); gap: 12px;}}@media (min-width: 992px){.dz-prop-grid{grid-template-columns: repeat(4, 1fr); gap: 14px;}}.dz-prop-tile{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px 12px; background: var(--dz-white); border: 1.5px solid var(--dz-border); border-radius: var(--dz-radius-md); cursor: pointer; transition: transform 0.3s var(--dz-ease), box-shadow 0.3s var(--dz-ease), border-color 0.2s ease, background 0.3s ease; overflow: hidden; font-family: inherit; color: var(--dz-ink); -webkit-tap-highlight-color: transparent; min-height: 110px;}.dz-prop-tile::before{content: ""; position: absolute; inset: 0; background: var(--dz-grad-soft); opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}.dz-prop-tile:hover{transform: translateY(-3px); border-color: var(--dz-border-strong); box-shadow: var(--dz-shadow-md);}.dz-prop-tile:hover::before{opacity: 1;}.dz-prop-tile:focus-visible{outline: 3px solid var(--dz-violet); outline-offset: 3px;}.dz-prop-tile__icon{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--dz-grad-soft); color: var(--dz-violet); font-size: 20px; transition: all 0.3s var(--dz-ease); position: relative; z-index: 1;}.dz-prop-tile__label{font-weight: 600; font-size: 13px; line-height: 1.25; text-align: center; z-index: 1; position: relative; color: var(--dz-ink);}.dz-prop-tile__check{position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; background: var(--dz-white); color: var(--dz-violet); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 10px; opacity: 0; transform: scale(0.6) rotate(-45deg); transition: all 0.3s var(--dz-ease); box-shadow: 0 4px 10px rgba(127, 0, 253, 0.3); z-index: 2;}.dz-prop-tile.is-active{background: var(--dz-grad); border-color: transparent; color: var(--dz-white); box-shadow: var(--dz-shadow-glow); transform: translateY(-3px);}.dz-prop-tile.is-active::before{opacity: 0;}.dz-prop-tile.is-active .dz-prop-tile__icon{background: rgba(255, 255, 255, 0.18); color: var(--dz-white); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);}.dz-prop-tile.is-active .dz-prop-tile__label{color: var(--dz-white);}.dz-prop-tile.is-active .dz-prop-tile__check{opacity: 1; transform: scale(1) rotate(0);}.dz-card-selection{background: var(--dz-white); border: 1.5px solid var(--dz-border); border-radius: var(--dz-radius-md); padding: 16px; text-align: center; cursor: pointer; transition: all 0.3s var(--dz-ease);}.dz-card-selection:hover{border-color: var(--dz-border-strong); transform: translateY(-2px); box-shadow: var(--dz-shadow-sm);}.dz-card-selection.active{background: var(--dz-grad); border-color: transparent; color: var(--dz-white); box-shadow: var(--dz-shadow-glow);}.dz-card-selection.active i{color: var(--dz-white) !important;}.dz-helper-bubble{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: var(--dz-radius-md); background: linear-gradient(135deg, rgba(127, 0, 253, 0.04) 0%, rgba(229, 101, 255, 0.06) 100%); border: 1px solid var(--dz-border); margin: 16px 0; font-size: 13px; line-height: 1.5; color: var(--dz-ink-soft);}.dz-helper-bubble__icon{flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--dz-grad); color: var(--dz-white); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 13px; box-shadow: 0 4px 10px rgba(127, 0, 253, 0.2);}.dz-helper-bubble__body{flex: 1; min-width: 0;}.dz-helper-bubble__body strong{color: var(--dz-ink); font-weight: 700;}.dz-sim-wrap .form-control, .dz-sim-wrap .form-select{height: 52px; border: 1.5px solid var(--dz-border); border-radius: var(--dz-radius-sm); background: var(--dz-white); font-family: var(--dz-font-body); font-size: 15px; color: var(--dz-ink); padding: 0 16px; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.dz-sim-wrap .form-control:focus, .dz-sim-wrap .form-select:focus{border-color: var(--dz-violet); box-shadow: 0 0 0 4px var(--dz-violet-soft); outline: none;}.dz-sim-wrap input[type="number"]{font-variant-numeric: tabular-nums; font-weight: 600;}.dz-sim-wrap .btn_cta, .dz-sim-wrap .btn.btn-primary{background: var(--dz-grad); border: none; color: var(--dz-white); font-family: var(--dz-font-body); font-weight: 700; font-size: 14px; letter-spacing: 0.02em; padding: 14px 28px !important; border-radius: var(--dz-radius-pill) !important; box-shadow: var(--dz-shadow-glow); transition: transform 0.25s var(--dz-ease), box-shadow 0.25s var(--dz-ease); display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: 8px;}.dz-sim-wrap .btn_cta:hover, .dz-sim-wrap .btn.btn-primary:hover{transform: translateY(-2px); box-shadow: 0 24px 56px rgba(214, 64, 255, 0.42); color: var(--dz-white);}.dz-sim-wrap .btn_cta:focus-visible, .dz-sim-wrap .btn.btn-primary:focus-visible{outline: 3px solid var(--dz-violet); outline-offset: 3px;}.dz-sim-wrap .btn.btn-link{color: var(--dz-ink-soft) !important; font-weight: 600; text-decoration: none !important; padding: 14px 18px !important; border-radius: var(--dz-radius-pill);}.dz-sim-wrap .btn.btn-link:hover{color: var(--dz-violet) !important;}.dz-sim-wrap .btn-outline-primary{border: 1.5px solid var(--dz-border-strong) !important; color: var(--dz-violet) !important; background: var(--dz-white) !important; border-radius: var(--dz-radius-pill) !important; font-weight: 600; font-size: 13px;}.dz-sim-wrap .btn-outline-primary:hover{background: var(--dz-violet-soft) !important;}.dz-sim-wrap .alert{border-radius: var(--dz-radius-md); border: 1px solid var(--dz-border); background: linear-gradient(135deg, rgba(127, 0, 253, 0.03) 0%, rgba(229, 101, 255, 0.05) 100%); color: var(--dz-ink-soft); font-size: 13px; line-height: 1.55; padding: 14px 16px;}.dz-sim-wrap .alert strong{color: var(--dz-ink); font-weight: 700;}.dz-sim-wrap .alert b{color: var(--dz-violet); font-weight: 700;}.dz-sim-wrap .alert.alert-info{background: linear-gradient(135deg, rgba(127, 0, 253, 0.06) 0%, rgba(214, 64, 255, 0.06) 100%); border-color: var(--dz-border-strong);}.dz-sim-wrap .alert.alert-warning{background: linear-gradient(135deg, rgba(229, 101, 255, 0.08) 0%, rgba(214, 64, 255, 0.08) 100%); border-color: rgba(214, 64, 255, 0.3);}.dz-sim-wrap .alert.alert-success{background: linear-gradient(135deg, rgba(127, 0, 253, 0.05) 0%, rgba(127, 0, 253, 0.1) 100%); border-color: var(--dz-border-strong);}.dz-sticky-cta-mobile{position: sticky; bottom: 0; left: 0; right: 0; z-index: 100; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); border-top: 1px solid var(--dz-border); padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); display: none; box-shadow: 0 -8px 24px rgba(10, 10, 65, 0.06);}@media (max-width: 767px){.dz-sticky-cta-mobile{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px;}}.dz-sticky-cta-mobile .btn_cta{flex: 1; padding: 14px 20px !important;}.dz-loading-overlay{position: fixed; inset: 0; background: rgba(10, 10, 65, 0.65); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; z-index: 9999; color: var(--dz-white);}.dz-loading-overlay .spinner-border{color: var(--dz-magenta) !important; width: 3rem; height: 3rem;}.dz-trust-row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; margin: 24px auto; font-size: 12px; color: var(--dz-ink-soft);}.dz-trust-row__item{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px;}.dz-trust-row__item i{color: var(--dz-violet); font-size: 13px;}.dz-sim-wrap .form-control.is-invalid, .dz-sim-wrap .form-select.is-invalid{border-color: #DC2626 !important; box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.1);}.dz-sim-wrap .invalid-feedback{color: #DC2626; font-size: 12px; font-weight: 600; margin-top: 6px;}.dz-bank-card{background: var(--dz-white); border: 1px solid var(--dz-border); border-radius: var(--dz-radius-lg); padding: 20px; transition: transform 0.25s var(--dz-ease), box-shadow 0.25s var(--dz-ease);}.dz-bank-card:hover{transform: translateY(-3px); box-shadow: var(--dz-shadow-md); border-color: var(--dz-border-strong);}.dz-bank-card__name{font-family: var(--dz-font-display); font-weight: 700; font-size: 1.15rem; color: var(--dz-ink); margin-bottom: 6px;}.dz-bank-card__rate{font-family: var(--dz-font-display); font-weight: 800; font-size: 1.8rem; background: var(--dz-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1;}@media (max-width: 540px){.dz-title-elite{font-size: 1.8rem;}.dz-simulator-box{padding: 20px 16px; border-radius: 20px;}.dz-prop-tile{padding: 16px 10px; min-height: 96px;}.dz-prop-tile__icon{width: 42px; height: 42px; font-size: 18px;}.dz-prop-tile__label{font-size: 12px;}}[dir="rtl"] .dz-title-elite em{font-style: normal;}[dir="rtl"] .dz-prop-tile__check{right: auto; left: 10px;}[dir="rtl"] .dz-badge-elite{letter-spacing: 0;}[dir="rtl"] .dz-helper-bubble{flex-direction: row-reverse;}[dir="rtl"] input[type="tel"], [dir="rtl"] input[type="number"], [dir="rtl"] .dz-bank-card__rate{direction: ltr; text-align: right;}.dz-sim-wrap *:focus-visible{outline: 3px solid var(--dz-violet); outline-offset: 2px; border-radius: 6px;}@media (prefers-reduced-motion: reduce){.dz-sim-wrap *, .dz-sim-wrap *::before, .dz-sim-wrap *::after{transition: none !important; animation: none !important;}.dz-prop-tile:hover, .dz-card-selection:hover, .dz-bank-card:hover, .dz-prop-tile.is-active, .dz-sim-wrap .btn_cta:hover{transform: none !important;}}@media (prefers-contrast: more){.dz-sim-wrap{--dz-border: rgba(127, 0, 253, 0.35); --dz-border-strong: rgba(127, 0, 253, 0.55); --dz-ink-soft: rgba(10, 10, 65, 0.85);}}html{scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scroll-padding-top: 80px;}@media (max-width: 767px){html{scroll-padding-top: 60px;}}.dz-elite-simulator, .dz-sim-wrap{overflow: visible !important; -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior: contain;}@media (max-width: 767px){.dz-simulator-box{padding-bottom: calc(20px + env(safe-area-inset-bottom)); margin-bottom: 12px;}.dz-sim-wrap{padding-bottom: 80px;}.dz-sim-wrap .btn_cta, .dz-sim-wrap .btn.btn-primary, .dz-sim-wrap .btn.btn-link{min-height: 48px; min-width: 48px;}}