:root{--navy:#082b59;--green:#188516;--green-dark:#147411;--page:#f5f9fb;--white:#fefefe;--border:#d9dfe7;--muted:#64738a;--soft-green:#edf6ee;--soft-gray:#eceef0;--amber-bg:#ffebbb;--amber:#b56a03;--mobile-border:#bdc7d5;--mobile-row:#ebf0f6}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--navy);font-family:"Noto Kufi Arabic","Open Sans",Arial,sans-serif;font-size:15px}button,input,select{font:inherit;color:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.shield-fill{fill:var(--green);stroke:var(--green)}#checkcircle{color:var(--green)}.step-check{width:16px;height:16px;vertical-align:-3px;color:var(--green);stroke-width:2}.count-chevron{width:13px;height:13px;stroke-width:2.5;vertical-align:-1px}.count-chevron.flip{transform:scaleX(-1)}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}.header{height:68px;background:var(--white);border-bottom:1px solid #e6ebef}.header-inner{height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{width:250px;display:block;line-height:1}.brand img{width:100%;display:block}.brand small{display:block;text-align:center;font-size:10px;color:#9199a8;margin-top:2px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.status,.menu,.mobile-heading,.mobile-label,.mobile-chevron,.mobile-delivery{display:none}
.header nav a.active{color:var(--green);font-weight:700}main{max-width:1600px;margin:auto;padding:18px 30px 20px}.intro{text-align:right;padding:0 9px}.intro h1{font-size:34px;font-weight:700;line-height:1.5}.intro p{font-size:16px;color:var(--muted);line-height:1.8}.steps-area{padding:16px 20px 22px}.steps{display:flex;list-style:none;padding:0;margin:0;justify-content:space-between}.steps li{position:relative;text-align:center;width:180px;color:var(--muted);font-size:14px;line-height:1.6}.steps li:before{content:"";position:absolute;top:18px;height:2px;background:#dfe4ea;right:calc(50% + 24px);width:calc((1380px - 40px)/5 - 20px)}.steps li:last-child:before{display:none}.steps b{position:relative;display:block;border-radius:50%;width:36px;height:36px;line-height:36px;background:#e5e9ee;color:#53647a;margin:0 auto 5px;font-family:"Open Sans",sans-serif;font-size:16px}.steps .done b{background:var(--green);color:white}.steps .done:before{background:var(--green)}.steps .active b{background:var(--navy);color:white}.steps .active span{font-weight:700;color:var(--navy)}.layout{display:grid;grid-template-columns:minmax(0,1.57fr) minmax(0,1fr);grid-template-rows:auto 87px;column-gap:17px;position:relative}.contract,.preview{background:var(--white);border:1px solid #e3e9ef;border-radius:6px}.contract{grid-column:1;grid-row:1/3;padding:23px 25px 113px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:28px;line-height:1.6}.section-heading>span{font-size:15px;color:var(--muted)}.fields{display:grid;grid-template-columns:1.07fr 1fr;column-gap:49px;row-gap:22px}.fields label>span{display:block;font-weight:700;font-size:15px;color:#4f607b;margin-bottom:7px;line-height:1.7}.fields label>.mobile-label{display:none}.control{position:relative;display:flex;height:47px;border:1px solid var(--border);border-radius:6px;overflow:hidden;align-items:center}.control input,.control select{width:100%;min-width:0;border:0;outline:none;background:transparent;text-align:right;padding:0 13px;height:100%;font-family:"Open Sans","Noto Kufi Arabic",sans-serif;font-size:17px;direction:ltr}.control select{appearance:none;direction:rtl;padding-left:37px;font-size:16px}.control svg{position:absolute;left:13px;width:19px;height:19px;color:var(--muted);pointer-events:none}.currency{height:100%;background:var(--soft-gray);border-right:1px solid var(--border);padding:7px 14px;color:#324560;font-size:17px}.free{display:flex;align-items:flex-start;gap:16px;background:var(--soft-green);border-radius:7px;margin-top:33px;padding:14px 17px 17px;min-height:84px}.free>svg{width:28px;height:34px;flex-shrink:0}.free strong{font-size:17px;color:var(--green-dark)}.free p{font-size:12px;color:#7a8796;margin-top:1px}.actions{grid-column:1;grid-row:2;display:flex;gap:24px;padding:0 26px 30px;z-index:1;align-items:flex-end}.actions button{height:56px;border:1px solid var(--navy);border-radius:6px;background:var(--white);font-size:17px;font-weight:700;flex:1}.actions .next{flex:1.2;background:var(--green);border-color:var(--green);color:white}.next b{font-size:30px;margin-right:15px;vertical-align:-2px;line-height:0}.preview{grid-column:2;grid-row:1/3;padding:20px 19px 24px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.preview-heading h2{font-size:20px}.pending{display:flex;align-items:center;gap:7px;background:var(--amber-bg);color:var(--amber);padding:5px 11px;border-radius:30px;font-size:13px;font-weight:700}.pending svg{width:23px;height:23px}.preview-description{font-size:13px;color:var(--muted);margin:4px 0 13px;white-space:nowrap}.photo{position:relative;height:227px;border-radius:6px;overflow:hidden}.photo picture,.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo button{position:absolute;top:54%;border:0;border-radius:50%;background:#0005;color:white;width:26px;height:32px;font:34px/24px Arial}.photo-prev{left:12px}.photo-next{right:12px}.photo-count{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:#15200c99;color:white;font:600 14px "Open Sans",sans-serif;padding:4px 11px;border-radius:20px}.property-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-top:13px}.property-heading h3{font-family:"Open Sans",sans-serif;font-size:21px;font-weight:700;line-height:1.6}.property-heading p{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.property-heading p svg{width:18px;height:18px}.verified{display:flex;align-items:center;gap:6px;background:#e9f6eb;color:var(--green-dark);font-weight:700;font-size:18px;padding:5px 12px;border-radius:17px}.verified svg{width:27px;height:32px}.features{display:flex;align-items:center;margin-top:22px;margin-bottom:24px}.features>span{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;font-size:16px;line-height:1.5;white-space:nowrap}.features>span+span{border-right:1px solid var(--border)}.features svg{width:23px;height:23px}.features sup{font-size:11px}.prices{display:flex;border-top:1px solid var(--border);padding-top:20px;text-align:center}.prices>div{flex:1;display:flex;flex-direction:column}.prices>div+div{border-right:1px solid var(--border)}.prices span{font-size:13px;color:var(--muted);margin-bottom:5px}.prices strong{font:700 19px "Open Sans",sans-serif;direction:rtl;white-space:nowrap}.prices small,.property-bottom small{font-family:"Noto Kufi Arabic",sans-serif;font-size:13px;font-weight:400}.prices em{font-size:13px;color:var(--muted);font-style:normal;line-height:1.8}.progress{display:flex;align-items:center;gap:20px;margin:23px 5px 24px;color:var(--green);font-size:13px;font-weight:500}.progress>div{height:12px;flex:1;border-radius:20px;background:#e1e5e9;overflow:hidden}.progress i{display:block;height:100%;width:17%;background:var(--green)}.property-bottom{display:flex}.property-bottom>div{display:flex;gap:22px;justify-content:center;flex:1;font-size:14px;color:var(--muted)}.property-bottom>div+div{border-right:1px solid var(--border)}.property-bottom strong{display:block;font:400 17px "Open Sans",sans-serif;color:var(--navy);direction:rtl;margin-top:6px}.property-bottom svg{width:22px;height:22px}
@media(min-width:1024px){.steps li{flex:1}.steps li:before{width:calc(100% - 48px)}}
@media(min-width:601px) and (max-width:1100px){main{padding:18px}.layout{grid-template-columns:1.35fr 1fr;gap:12px}.contract{padding-left:18px;padding-right:18px}.fields{gap:20px}.preview{padding:15px 12px}.preview-heading{white-space:normal}.preview-heading h2{font-size:16px}.pending{font-size:10px;padding:4px 7px}.preview-description{white-space:normal;font-size:11px}.property-heading h3{font-size:17px}.verified{font-size:14px;padding:4px}.features>span{font-size:12px;gap:6px}.prices strong{font-size:14px}.prices span{font-size:11px}.steps li:before{width:calc(100% - 48px)}.free p{font-size:10px}}
@media(max-width:600px){
body{background:var(--white);font-size:12px;color:#052452}.header{height:80px;border-bottom:1px solid #aab7c9}.status{display:flex;direction:ltr;justify-content:space-between;align-items:center;height:37px;padding:0 23px 0 29px;color:#001638;font-family:Arial,sans-serif}.status strong{font-size:14px}.status-icons{display:flex;gap:6px;align-items:center}.signal{display:flex;align-items:flex-end;gap:2px;height:11px}.signal i{width:3px;background:#001638;border-radius:1px;height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:11px}.status svg{width:16px;height:13px;stroke-width:3}.battery{position:relative;width:23px;height:11px;border:1px solid #8290a8;border-radius:3px}.battery:before{content:"";position:absolute;inset:1px;background:#001638;border-radius:1px}.battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;background:#8290a8;border-radius:1px}.header-inner{height:43px;padding:0 13px 5px}.brand{width:135px}.brand small{display:none}.header nav{display:none}.menu{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:15px;padding:0;border:0;background:transparent}.menu span{height:1.7px;width:17px;background:var(--navy);border-radius:2px}main{padding:13px 12.5px 0}.intro,.section-heading{display:none}.steps-area{padding:0;display:flex;align-items:center;justify-content:space-between;height:47px;margin-bottom:13px;gap:8px}.mobile-heading{display:block;white-space:nowrap}.mobile-heading h1{font-size:19px;line-height:1.7;letter-spacing:-.6px}.mobile-heading p{font-size:11px;line-height:1.6}.steps{width:205px;flex-shrink:0;direction:rtl;margin-top:-3px}.steps li{width:30px}.steps b{width:30px;height:30px;line-height:29px;border:1px solid #b4c0d1;background:#f2f5f8;font-size:12px;font-weight:400;color:var(--navy);margin:0}.steps li:before{top:14px;right:30px;width:15px;height:1px;background:#a6b3c5}.steps span{display:none}.steps .done b{background:#f2f5f8;color:var(--navy)}.steps .done:before{background:#a6b3c5}.steps .active b{background:#09860b;color:white;border-color:#09860b}.layout{display:flex;flex-direction:column;gap:0}.contract{border:0;border-radius:0;padding:0;background:transparent}.fields{grid-template-columns:1fr 1fr;column-gap:13px;row-gap:12px}.fields label>span{font-size:11px;line-height:1.8;font-weight:400;color:#052452;margin-bottom:3px}.fields label>.desktop-label,.desktop-label{display:none!important}.fields label>.mobile-label,.mobile-label{display:block}.developer{grid-column:1;grid-row:1}.project{grid-column:2;grid-row:1}.unit{grid-column:1;grid-row:2}.delivery{grid-column:2;grid-row:2}.price{grid-column:1;grid-row:3}.paid{grid-column:2;grid-row:3}.installment{grid-column:1;grid-row:4}.frequency{grid-column:2;grid-row:4}.control{height:38px;border-color:var(--mobile-border);border-radius:5px}.control input,.control select{font-size:12px;padding-right:10px;color:#001c4c}.control select{padding-left:25px}.control svg{width:16px;height:16px;left:7px;color:#032854}.currency{background:transparent;border:0;padding:0 9px;display:flex;align-items:center;font-size:11px;white-space:nowrap}.currency:after{content:"."}.desktop-calendar{display:none}.mobile-chevron{display:block}.free{margin-top:12px;padding:7px 8px;min-height:36px;align-items:center;gap:7px;border-radius:5px;background:#e6f5e6}.free>svg{width:18px;height:22px}.free strong{font-size:11.5px;color:#087d08;letter-spacing:-.2px;line-height:1.7}.free p{display:none}.preview{margin-top:14px;border:0;border-top:1px solid #aab7c9;border-radius:0;padding:14px 0 0;background:transparent}.preview-heading{margin-bottom:5px;height:23px;gap:0}.preview-heading h2{font-size:13px;letter-spacing:-.4px}.pending{font-size:9px;gap:12px;padding:3px 7px;border-radius:5px;line-height:1.8;background:#ffe7ba;color:#a75000}.pending svg{width:14px;height:14px;order:-1}.preview-description{display:none}.property{border:1px solid var(--mobile-border);border-radius:7px;position:relative;padding:10px 8px 9px 141px;height:233px;display:flex;flex-direction:column}.photo{position:absolute;left:7px;top:7px;bottom:7px;width:124px;height:auto;border-radius:7px}.photo img{object-fit:cover}.photo button{display:none}.photo-count{right:auto;left:6px;bottom:5px;gap:3px;border:1px solid #c6cdb8;border-radius:4px;font-size:10px;padding:2px 6px;background:#3b3b32d9}.count-chevron{width:9px;height:9px}.property-heading{margin:0;display:block;position:relative;height:44px;text-align:left;flex-shrink:0}.property-heading h3{font-size:12px;letter-spacing:-.4px;line-height:1.6;white-space:nowrap;margin-top:4px}.property-heading p{font-size:9px;line-height:1.8;display:block}.property-heading p svg{display:none}.verified{position:absolute;right:0;top:0;font-size:11px;gap:4px;padding:3px 7px;border-radius:5px;transform:translateY(0);background:#e6f5e6}.verified svg{width:15px;height:18px}.property-heading h3{padding-top:0}.verified{top:0}.features{margin:0 0 9px;justify-content:space-between;flex-shrink:0;height:16px;gap:8px}.features>span{font-size:9px;gap:7px;flex:initial}.features>span+span{border:0}.features>span:last-child{flex-direction:row-reverse;gap:9px}.features svg{width:16px;height:16px}.features sup{font-size:7px}.prices{display:flex;flex-direction:column;gap:3px;border:0;padding:0;text-align:right}.prices>div{border:0!important;border-radius:4px;display:grid;grid-template-columns:1fr auto;align-items:center;background:var(--mobile-row);padding:3px 9px;min-height:26px}.prices .cash{background:#e6f5e6}.prices span{margin:0;color:#001d4b;font-size:10px;white-space:nowrap;letter-spacing:-.3px}.prices strong{font-size:11px;direction:rtl;line-height:1.6}.prices small{font-size:10px}.prices em{grid-column:2;font-size:9px;text-align:center;line-height:1.2}.prices .payment{min-height:35px}.mobile-delivery{display:block;background:var(--mobile-row);border-radius:4px;padding:3px 10px;margin-top:3px;height:23px;font-size:10px}.mobile-delivery span{font:11px "Open Sans",sans-serif}.progress{margin:6px 0 0;flex-direction:row-reverse;gap:6px;color:#001d4b;font-size:9px;white-space:nowrap;font-weight:400}.progress span{direction:rtl}.progress b{font-weight:400}.progress>div{height:7px;direction:ltr;background:#d6dce5}.progress i{width:21%;border-radius:9px;background:#08870b}.property-bottom{display:none}.actions{padding:0;display:flex;flex-direction:row-reverse;gap:8px;margin-top:14px}.actions button,.actions .next{flex:1;height:39px;font-size:12px;border-radius:5px;border-color:#058109;border-width:1px;color:#087a09}.actions .next{color:white;background:#0c8610}
}
@media(max-width:600px) and (min-width:360px){.property-heading h3{position:relative;z-index:1}.verified{right:0}.property-heading{padding-top:2px}.property-heading h3{font-size:12px}.verified{transform:translateY(-1px)}.property-heading h3{max-width:140px}.property-heading .verified{right:0}.property-heading>div{position:relative}.property-heading h3{margin-right:-5px}}

/* Steps 3-5: uploads, review, success */
.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.upload-tile{border:1.5px dashed var(--border);border-radius:10px;padding:22px 14px;text-align:center;cursor:pointer;background:var(--page);transition:border-color .15s,background .15s}
.upload-tile:hover{border-color:var(--navy)}
.upload-tile.done{border-style:solid;border-color:var(--green);background:var(--soft-green)}
.upload-icon{width:44px;height:44px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft-gray);color:var(--navy)}
.upload-tile.done .upload-icon{background:var(--green);color:#fff}
.upload-icon svg{width:22px;height:22px}
.upload-tile strong{display:block;font-size:15px;margin-bottom:5px}
.upload-hint{display:block;font-size:12px;color:var(--muted);line-height:1.6}
.upload-file{display:block;margin-top:10px;font-size:12px;color:var(--green-dark);font-weight:700;word-break:break-word}
.upload-tile.done .upload-file:before{content:"✓ "}
.fields label.field-error .control{border-color:#c22b2b}
.fields label.field-error>span{color:#c22b2b}
.review-summary{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}
.review-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:14px}
.review-row:nth-child(odd){background:var(--page)}
.review-row span{color:var(--muted)}
.review-row b{font-weight:700;color:var(--navy)}
.review-submit{width:100%;height:56px;border:0;border-radius:6px;background:var(--green);color:#fff;font-size:17px;font-weight:700}
.success-screen{text-align:center;padding:60px 20px}
.success-screen svg{width:64px;height:64px;color:var(--green);margin-bottom:20px}
.success-screen h2{font-size:22px;line-height:1.6;max-width:420px;margin:0 auto}
@media(max-width:600px){
.upload-grid{grid-template-columns:1fr 1fr;gap:10px}
.upload-tile{padding:14px 8px}
.upload-tile strong{font-size:12px}
.upload-hint{font-size:10px}
.review-row{padding:10px 12px;font-size:12px}
.success-screen{padding:40px 14px}
.success-screen svg{width:48px;height:48px}
.success-screen h2{font-size:16px}
}
.actions[hidden]{display:none}
.preview[hidden]{display:none}