 :root{--orange:#ff8a26;--orange-dark:#e96f13;--yellow:#ffd65a;--ink:#24221f;--muted:#77736e;--cream:#fffaf2;--line:#f0e6d8;--white:#fff;--green:#2d8c66;--shadow:0 20px 60px #55300f12}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"Cairo",sans-serif;color:var(--ink);background:#fff;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:82px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffed;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid #f7eee3}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;line-height:1.1}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.3px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--orange);color:white;border-radius:15px 15px 15px 5px;font-size:25px;box-shadow:0 7px 16px #ff8a263d}.topbar nav{display:flex;gap:28px;color:#625e59;font-size:13px;font-weight:700}.topbar nav a:hover,.footer-links a:hover{color:var(--orange-dark)}.top-actions{display:flex;gap:10px}.btn{border:0;border-radius:13px;padding:11px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:white;box-shadow:0 8px 20px #ff8a2630}.btn-primary:hover{background:var(--orange-dark)}.btn-ghost{background:transparent;color:var(--ink)}.btn-light{background:white;color:var(--ink);border:1px solid var(--line)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-dark{background:var(--ink);color:white}.btn-lg{padding:15px 22px;font-size:14px;border-radius:15px}.menu-btn{display:none;border:0;background:transparent;font-size:23px}
.hero{position:relative;overflow:hidden;min-height:540px;padding:65px max(8vw,24px) 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:linear-gradient(115deg,#fffaf3 0%,#fffaf3 55%,#fff2d7 100%)}.hero-copy{position:relative;z-index:2;max-width:560px}.eyebrow{color:var(--orange-dark);font-size:12px;font-weight:900;letter-spacing:.1px;display:inline-flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff8a261e}.hero h1{font-size:clamp(42px,5.1vw,68px);line-height:1.24;letter-spacing:-2px;margin:18px 0 15px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero-copy>p{color:var(--muted);line-height:2;max-width:440px;margin:0 0 25px;font-size:15px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:32px}.proof-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e4f5eb;color:var(--green);font-weight:900}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:12px}.hero-proof small{color:var(--muted);font-size:11px}.hero-art{position:relative;min-height:370px;display:flex;align-items:center;justify-content:center}.sun-disc{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--yellow);opacity:.8;right:6%;top:0}.hero-photo{position:relative;z-index:1;width:min(100%,470px);height:340px;border-radius:140px 22px 22px 22px;overflow:hidden;box-shadow:0 30px 65px #70431c2c;transform:rotate(1.2deg)}.hero-photo img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:17px;right:17px;background:#fffef5ed;border-radius:10px;padding:10px 14px;font-weight:800;font-size:11px}.float-card{position:absolute;z-index:2;bottom:8px;right:-12px;background:#fff;padding:14px 17px;border-radius:15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px}.float-icon{width:37px;height:37px;background:#fff1df;color:var(--orange-dark);display:grid;place-items:center;border-radius:11px;font-size:21px}.float-card b,.float-card small{display:block}.float-card b{font-size:12px}.float-card small{font-size:10px;color:var(--muted);margin-top:3px}.sparkle{position:absolute;color:var(--orange);font-size:30px}.sparkle-one{left:2%;top:17%}.sparkle-two{right:0;top:70%;color:#dcb51e}.hero-blob{position:absolute;bottom:-160px;left:-100px;width:340px;height:340px;border-radius:50%;background:#ffe8c5;opacity:.45}
.search-wrap{max-width:1120px;margin:-30px auto 0;position:relative;z-index:4;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:0 20px 50px #4a2b0d0b}.search-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.search-heading h2,.section-head h2{font-size:24px;margin:3px 0 0;font-weight:900}.search-count{font-size:11px;color:var(--muted);background:var(--cream);padding:8px 12px;border-radius:10px}.search-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:12px;align-items:end}.search-grid label,.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#5c5751}.search-grid input,.search-grid select,.field input,.field select,.field textarea{width:100%;border:1px solid #eee3d7;background:#fffdf9;border-radius:11px;padding:12px;color:var(--ink);outline:none;min-width:0}.search-grid input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff8a2619}.search-submit{height:44px}
.section{max-width:1120px;margin:0 auto;padding:82px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.9}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.empty-state{grid-column:1/-1;text-align:center;padding:45px 20px;background:var(--cream);border:1px dashed #f0d7b6;border-radius:20px}.empty-icon{margin:0 auto 12px;width:56px;height:56px;border-radius:18px;background:#ffe7c7;color:var(--orange-dark);display:grid;place-items:center;font-size:30px}.empty-state h3{font-size:19px;margin:0 0 8px}.empty-state p{max-width:460px;margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.9}.property-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.property-image{height:210px;position:relative;background:#f7eee2}.property-image img{width:100%;height:100%;object-fit:cover}.status-pill{position:absolute;top:12px;right:12px;background:#fff;border-radius:9px;padding:6px 10px;font-size:10px;font-weight:900}.property-body{padding:17px}.property-price{font-size:20px;font-weight:900;color:var(--orange-dark)}.property-title{font-size:16px;font-weight:900;margin:5px 0}.property-location{font-size:11px;color:var(--muted)}.property-specs{display:flex;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #f5eee5;color:#625e59;font-size:11px}.property-footer{display:flex;align-items:center;justify-content:space-between;padding-top:13px}.views{font-size:11px;color:var(--muted)}.property-footer button{font-size:11px;padding:9px 12px}
.how{padding-top:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{position:relative;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fffaf3);min-height:200px}.step-num{position:absolute;left:20px;top:15px;color:#d9c9b7;font-size:14px;font-weight:900}.step-icon{width:44px;height:44px;border-radius:14px;background:#fff0dd;color:var(--orange-dark);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.steps h3{font-size:15px;margin:0 0 8px}.steps p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.trust{display:flex;align-items:center;gap:20px;background:#fffaf2;border-radius:22px;margin-top:10px;margin-bottom:35px;padding:32px}.trust-mark{flex:0 0 55px;height:55px;border-radius:17px;background:var(--yellow);display:grid;place-items:center;font-size:25px}.trust>div:nth-child(2){flex:1}.trust h2{font-size:21px;margin:4px 0 6px}.trust p{font-size:12px;line-height:1.9;color:var(--muted);max-width:630px;margin:0}.trust-side{min-width:155px;border-right:1px solid #f0dfc8;padding-right:20px;display:grid;gap:5px}.trust-side span{font-size:20px}.trust-side b{font-size:12px}.trust-side small{font-size:10px;color:var(--muted)}.cta{background:var(--orange);color:white;border-radius:22px;margin-bottom:70px;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1072px}.cta .eyebrow{color:#fff6d8}.cta h2{font-size:25px;margin:4px 0}.cta p{font-size:12px;margin:0;color:#fff0df}.cta .btn-dark{background:#29241e}
footer{padding:32px max(7vw,24px) 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}footer .brand{font-size:20px}.footer-links{display:flex;gap:20px;font-size:11px;color:var(--muted)}.footer-credit{text-align:left;font-size:12px;color:#6f6860}.footer-credit b{color:var(--orange-dark)}.footer-credit small{display:block;font-size:10px;margin-top:4px}.copyright{grid-column:1/-1;text-align:center;color:#a49a8e;font-size:10px;margin:15px 0 0}
.modal-backdrop{position:fixed;inset:0;background:#1e1a16a8;z-index:50;display:grid;place-items:center;padding:18px;overflow-y:auto}.hidden{display:none!important}.modal{position:relative;background:white;border-radius:22px;padding:30px;width:min(100%,520px);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 30px 100px #0003}.modal-close{position:absolute;left:18px;top:12px;border:0;background:#fff4e7;width:34px;height:34px;border-radius:10px;font-size:24px}.modal h2{font-size:23px;margin:0 0 5px}.modal .subtext{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px}.form-stack{display:grid;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field textarea{resize:vertical;min-height:80px}.field small{font-size:10px;color:var(--muted);font-weight:500}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.note{background:#fff7e8;border:1px solid #f6dfbb;padding:12px;border-radius:12px;color:#76502b;font-size:11px;line-height:1.8}.dash-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.dash-tab{border:1px solid var(--line);background:white;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:800}.dash-tab.active{background:#fff0dd;border-color:#ffd4a0;color:#b9560d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.stat-card{background:var(--cream);padding:14px;border-radius:13px}.stat-card span{font-size:10px;color:var(--muted)}.stat-card b{display:block;font-size:21px;margin-top:5px}.dash-list{display:grid;gap:9px}.dash-item{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.dash-item b,.dash-item small{display:block}.dash-item b{font-size:12px}.dash-item small{font-size:10px;color:var(--muted);margin-top:4px}.dash-item .btn{padding:8px 10px;font-size:10px}.toast{position:fixed;bottom:20px;left:20px;right:20px;max-width:420px;margin:auto;background:#29241e;color:white;padding:13px 17px;border-radius:13px;box-shadow:var(--shadow);z-index:80;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.muted{color:var(--muted)}.center{text-align:center}.admin-badge{background:#e5f6ed;color:#26734f;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:900}
@media(max-width:900px){.hero{padding:45px 5vw;gap:25px}.hero h1{font-size:48px}.hero-photo{height:300px}.sun-disc{width:280px;height:280px}.search-wrap{margin:0 18px}.search-grid{grid-template-columns:repeat(2,1fr)}.search-submit{height:45px}.section{padding:65px 22px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust{margin-left:20px;margin-right:20px}.cta{margin-left:20px;margin-right:20px}}
@media(max-width:640px){.topbar{height:70px;padding:0 17px}.topbar nav,.top-actions{display:none}.menu-btn{display:block}.topbar.mobile-open nav{display:flex;position:absolute;top:69px;right:0;left:0;background:white;padding:18px;flex-direction:column;gap:15px;border-bottom:1px solid var(--line)}.topbar.mobile-open .top-actions{display:flex;position:absolute;top:220px;right:0;left:0;background:white;padding:14px 18px;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brand-mark{width:39px;height:39px}.hero{grid-template-columns:1fr;padding:38px 22px 50px;gap:30px}.hero h1{font-size:47px}.hero-copy>p{font-size:13px}.hero-art{min-height:285px}.hero-photo{height:260px;border-radius:100px 18px 18px 18px}.sun-disc{width:260px;height:260px;right:8%}.float-card{right:0;bottom:-2px}.search-wrap{padding:20px 16px;margin:0 12px;border-radius:16px}.search-heading{align-items:start;gap:10px}.search-heading h2{font-size:20px}.search-count{max-width:120px;text-align:center}.search-grid{grid-template-columns:1fr 1fr;gap:10px}.search-grid label{font-size:10px}.search-grid input,.search-grid select{padding:11px 8px;font-size:12px}.search-submit{grid-column:1/-1}.section{padding:55px 17px}.section-head{align-items:start}.section-head h2{font-size:21px}.section-head p{font-size:11px}.section-head>.btn{font-size:10px;padding:10px}.listing-grid{grid-template-columns:1fr}.property-image{height:220px}.steps{grid-template-columns:1fr}.steps article{min-height:unset}.trust{margin:0 12px 25px;padding:22px;align-items:start;flex-wrap:wrap}.trust>div:nth-child(2){flex-basis:calc(100% - 80px)}.trust h2{font-size:18px}.trust-side{border-right:0;border-top:1px solid #f0dfc8;padding:15px 0 0;width:100%}.cta{margin:0 12px 45px;padding:24px;align-items:start;flex-direction:column}.cta h2{font-size:22px}footer{padding:28px 18px 20px;grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:15px}.footer-credit{grid-column:1/-1;grid-row:3;text-align:right}.copyright{grid-row:4}.modal{padding:25px 18px}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.dash-item{align-items:start}.dash-item .btn{white-space:normal}}
