*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#172033;background:#f7f8fb}a{text-decoration:none;color:inherit}.nav{max-width:1180px;margin:auto;padding:20px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:23px;font-weight:800}.brand span{color:#667085}nav{display:flex;gap:18px;align-items:center}.btn{display:inline-block;border:0;border-radius:10px;padding:13px 18px;background:#172033;color:white;cursor:pointer;font-weight:700}.small{padding:9px 13px}.ghost{background:white;color:#172033;border:1px solid #ddd}.hero{min-height:560px;display:flex;align-items:center;padding:60px max(20px,calc((100% - 1180px)/2));background:linear-gradient(110deg,#eef2ff,#fff)}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;margin:10px 0 20px}.hero p{max-width:620px;font-size:18px;line-height:1.7;color:#667085}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:2px}.actions{display:flex;gap:12px;margin-top:28px}.section{max-width:1180px;margin:auto;padding:60px 20px}.cards,.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards>div,.property,.authbox,.form{background:#fff;border:1px solid #e5e7ee;border-radius:16px;padding:22px;box-shadow:0 5px 20px #1111}.property{padding:0;overflow:hidden}.ph{height:180px;background:#e9edf5;display:grid;place-items:center;color:#7b8494;font-size:12px}.pad{padding:18px}.tag{font-size:11px;padding:5px 8px;border-radius:99px;background:#eef2ff}.filters,.two{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:20px 0}input,select,textarea{width:100%;padding:13px;border:1px solid #d9dde7;border-radius:9px;font:inherit}textarea{min-height:130px}.form{display:grid;gap:12px}.narrow{max-width:760px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.authbox{width:min(430px,100%);display:grid;gap:15px}.authbox form{display:grid;gap:12px}.linkbtn{border:0;background:none;font:inherit;cursor:pointer}footer{text-align:center;padding:35px;color:#667085}@media(max-width:800px){nav{display:none}.cards,.property-grid{grid-template-columns:1fr}.filters,.two{grid-template-columns:1fr}.hero{padding:50px 20px}}
.form label{display:block;margin:10px 0 6px;font-weight:600}.required{color:#c00}.form input:invalid:focus{outline:2px solid #d7a000}

.password-row{display:flex;gap:8px;align-items:stretch;margin:8px 0}.password-row input{flex:1;min-width:0}.toggle-password{padding:0 12px;border:1px solid #bbb;border-radius:6px;background:#f5f5f5;cursor:pointer}.hint{font-size:.86rem;color:#666}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}.photo-gallery img{width:100%;height:210px;object-fit:cover;border-radius:8px}input[type=file]{padding:12px;background:#fff}

:root{--ink:#132341;--accent:#087f8c;--line:#e5eaf1}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f5f8fc;line-height:1.5}header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.nav{max-width:1200px}.brand{display:inline-flex;align-items:center;gap:9px;letter-spacing:-.7px}.brand:before{content:"";width:32px;height:32px;flex:none;background:url(' ../logo.svg') center/contain no-repeat;background-image:url('../logo.svg')}.btn{background:#142b50;transition:.2s}.btn:hover{background:#087f8c}.hero{background:radial-gradient(circle at 85% 25%,#d5f7f1,transparent 35%),linear-gradient(120deg,#e8f0ff,#fff);min-height:520px}.hero h1{letter-spacing:-3px}.property{transition:box-shadow .2s,transform .2s}.property:hover{box-shadow:0 12px 30px #10274b18;transform:translateY(-2px)}.property h3{margin-bottom:6px}.form{padding:30px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form .two{margin:0}.field{display:grid;gap:5px}.field label{font-size:.9rem;font-weight:650}.form label{margin:2px 0}.profile-panel{display:flex;gap:22px;align-items:center;background:white;border:1px solid var(--line);padding:24px;border-radius:18px;margin:24px 0}.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#dfe9f5}.muted{color:#66758c}.btn-danger{background:#a12c3b}.btn-secondary{background:#eaf2f7;color:#132341}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.pill{display:inline-block;background:#e5f6f3;color:#076c64;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:700}.required{color:#cb2637}.notice{background:#eaf5ff;padding:14px 18px;border-radius:10px;border-left:4px solid #187cbd}.authbox{padding:32px}.authbox h1{margin:0}.authbox label{font-size:.9rem;font-weight:650}.authbox .field{gap:3px}.toggle-password{min-width:48px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:21px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px}.stat strong{display:block;font-size:30px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}nav{flex-wrap:wrap}.authbox form .two{margin:0}.checkbox-line{display:flex;gap:10px;align-items:flex-start;font-size:.85rem}.checkbox-line input{width:auto;margin-top:5px}.legal{max-width:850px;line-height:1.85}.legal h2{margin-top:30px}.photo-gallery img{cursor:pointer}@media(max-width:800px){.stat-grid{grid-template-columns:1fr}.profile-panel{align-items:flex-start}.hero h1{letter-spacing:-1px}.nav nav{display:flex;gap:10px;font-size:.82rem}.nav{flex-wrap:wrap;gap:12px}.form{padding:18px}}
/* Professional V2 */
.brand{gap:0;white-space:nowrap}.brand:before{margin-right:9px}.brand span{margin-left:0;color:#b58b35}.checkbox-line{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap;font-size:12px!important;white-space:nowrap}.checkbox-line input{flex:none;margin:0}.checkbox-line a{text-decoration:underline;color:#164a86}.phone-group{display:flex;align-items:stretch;gap:0}.phone-prefix{padding:13px;background:#eaf0f8;border:1px solid #d9dde7;border-radius:9px 0 0 9px;white-space:nowrap;font-weight:700}.phone-group input{border-radius:0 9px 9px 0;min-width:0}.contact-card{padding:22px;border:1px solid #dce6f0;border-radius:16px;background:white;margin:24px 0}.contact-card h2{margin-top:0}.site-highlight{color:#b58b35}.section h1{letter-spacing:-.03em}@media(max-width:420px){.checkbox-line{font-size:10px!important}.authbox{padding:20px}.brand{font-size:19px}}

/* Property photo gallery — main image, thumbnails and fullscreen viewer */
.property-gallery{margin:24px 0}.gallery-main-button{position:relative;display:block;width:100%;padding:0;border:0;border-radius:15px;overflow:hidden;background:#e9edf5;cursor:zoom-in}.gallery-main-button img{display:block;width:100%;height:clamp(250px,43vw,530px);object-fit:contain;background:#101c30}.gallery-count{position:absolute;right:14px;bottom:14px;padding:7px 12px;border-radius:20px;background:#101c30d9;color:white;font-size:13px}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px}.gallery-thumb{flex:0 0 108px;width:108px;height:78px;border:3px solid transparent;padding:0;border-radius:10px;overflow:hidden;background:#e9edf5;cursor:pointer}.gallery-thumb.active{border-color:#087f8c}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-lightbox[hidden]{display:none!important}.gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(5,10,20,.96);display:flex;align-items:center;justify-content:center;padding:55px 65px}.gallery-lightbox img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain}.gallery-lightbox button{position:absolute;border:0;color:white;background:#ffffff30;border-radius:50%;width:44px;height:44px;font-size:34px;cursor:pointer}.gallery-close{top:14px;right:16px}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-lightbox-count{position:absolute;bottom:15px;color:white;font-size:14px}.gallery-open{overflow:hidden}@media(max-width:600px){.gallery-main-button img{height:280px}.gallery-thumb{flex-basis:82px;width:82px;height:65px}.gallery-lightbox{padding:60px 42px}.gallery-lightbox button{width:36px;height:36px;font-size:27px}.gallery-prev{left:3px}.gallery-next{right:3px}}


/* FORTHEPROPERTIES PREMIUM V3 — shared design layer; original selectors and JS hooks preserved */
:root{--ink:#102840;--navy:#102e4a;--navy2:#183f60;--accent:#d95f36;--accent2:#f17d50;--muted:#61758b;--line:#dfe7ee;--surface:#fff;--wash:#f5f8fb;--radius:18px;--shadow:0 14px 42px rgba(18,43,67,.075)}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--wash);line-height:1.6;-webkit-font-smoothing:antialiased}a,button,input,select,textarea{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e58c66;outline-offset:3px}a:hover{color:var(--accent)}button{font:inherit}button:not(:disabled){cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}header:not(.home-header){position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(16,40,64,.035);backdrop-filter:blur(12px)}.nav{max-width:1240px;min-height:78px;padding:14px 24px;gap:24px}.brand{font-size:clamp(19px,2vw,24px);font-weight:850;letter-spacing:-.8px;color:var(--navy);white-space:nowrap}.brand span{color:var(--accent)}nav{gap:22px;flex-wrap:wrap}nav a,nav .linkbtn{font-size:14px;font-weight:650;color:var(--navy)}nav a:hover,nav .linkbtn:hover{color:var(--accent)}.section{max-width:1240px;padding:54px 24px 84px}.section>h1,.section>h2{letter-spacing:-1.3px;color:var(--navy);line-height:1.2}.section>h1{font-size:clamp(30px,4vw,46px);margin:0 0 28px}.section>h2{font-size:clamp(24px,3vw,32px);margin:38px 0 20px}.btn,.home-primary,.home-nav-cta{background:var(--accent);color:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(217,95,54,.16);font-weight:750}.btn:hover,.home-primary:hover,.home-nav-cta:hover{background:#b94c29;color:#fff;transform:translateY(-1px)}.ghost,.btn-secondary,.home-secondary{background:#fff!important;color:var(--navy)!important;border:1px solid var(--line)!important;box-shadow:none!important}.ghost:hover,.btn-secondary:hover,.home-secondary:hover{background:#f2f6fa!important}.cards,.property-grid{gap:24px}.cards>div,.property,.authbox,.form,.profile-panel,.admin-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.cards>div{padding:28px}.property{overflow:hidden;transition:transform .22s,box-shadow .22s}.property:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(18,43,67,.13)}.property img{object-fit:cover}.ph{height:220px;background:linear-gradient(135deg,#e7eff6,#d5e4ef);color:#60758a}.pad{padding:22px}.tag{background:#e9f2f7;color:var(--navy2);font-weight:750;padding:6px 11px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);gap:14px;margin:20px 0 30px}.filters .btn{min-height:48px}.two{gap:18px}input,select,textarea{border:1px solid #d4dee8;border-radius:11px;background:#fff;color:var(--ink);min-height:47px;padding:12px 14px;max-width:100%}input::placeholder,textarea::placeholder{color:#8798a9}input:focus,select:focus,textarea:focus{outline:0;border-color:#d87552;box-shadow:0 0 0 4px rgba(217,95,54,.12)}.form{padding:clamp(20px,3vw,38px);gap:15px}.form label{color:var(--navy);font-size:14px;font-weight:700}.auth{min-height:calc(100vh - 40px);padding:50px 18px;background:radial-gradient(circle at 20% 20%,#dbeaf4 0,transparent 35%),radial-gradient(circle at 85% 85%,#f9e6dc 0,transparent 40%),#f5f8fb}.authbox{padding:clamp(26px,4vw,42px);width:min(470px,100%);gap:19px}.authbox h1,.authbox h2{font-size:clamp(26px,3vw,34px);letter-spacing:-1px;color:var(--navy);margin:0}.authbox form{gap:15px}.authbox .btn{width:100%}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 32px}.profile-panel{padding:24px}.linkbtn{color:var(--navy)}footer{background:#102e4a;color:#d5e0eb;padding:40px 20px;margin-top:40px;font-size:14px}footer a{color:#fff}footer a:hover{color:#f8aa89}.home-page footer{margin-top:0}main{min-height:55vh}::selection{background:#f9d4c5;color:#102840}
@media(min-width:801px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.nav{min-height:72px;flex-wrap:wrap;justify-content:center;gap:12px}.nav nav{display:flex!important;justify-content:center;gap:12px 18px;width:100%;padding:6px 0 0}.nav nav a,.nav nav button{font-size:13px}.section{padding:35px 18px 60px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.cards,.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ph{height:185px}}@media(max-width:540px){.filters,.cards,.property-grid,.two{grid-template-columns:1fr}.nav{padding:12px 16px}.nav nav{gap:9px 13px}.nav nav a{font-size:12px}.section>h1{font-size:30px}.auth{padding:26px 14px}.authbox{padding:24px 20px}.ph{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}