:root{
 --iph-navy:#061528;
 --iph-blue:#0b5cff;
 --iph-gold:#f5b301;
 --iph-green:#0f766e;
 --iph-bg:#f5f7fb;
 --iph-card:#ffffff;
 --iph-text:#101828;
 --iph-muted:#667085;
 --iph-border:#e5e7eb;
 --iph-radius:24px;
 --iph-shadow:0 22px 70px rgba(16,24,40,.12);
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--iph-bg);color:var(--iph-text)}
a{text-decoration:none;color:inherit}
.wrap{padding-left:6%;padding-right:6%}

.header{
 position:sticky;
 top:0;
 z-index:100;
 background:rgba(6,21,40,.96);
 backdrop-filter:blur(18px);
 border-bottom:1px solid rgba(255,255,255,.08);
 color:white;
}

.nav{
 height:86px;
 display:flex;
 align-items:center;
 justify-content:space-between;
}

.logo{
 display:flex;
 align-items:center;
 gap:14px;
 font-weight:900;
 color:white;
}

.logo img{height:60px;width:auto}

.menu{
 display:flex;
 align-items:center;
 gap:24px;
}

.menu a{
 color:#e5e7eb;
 font-weight:800;
 font-size:14px;
}

.menu a:hover{color:var(--iph-gold)}

.menu .post{
 background:var(--iph-gold);
 color:var(--iph-navy);
 padding:13px 18px;
 border-radius:14px;
}

.btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 background:var(--iph-gold);
 color:var(--iph-navy);
 padding:13px 20px;
 border-radius:14px;
 font-weight:900;
 border:0;
 cursor:pointer;
}

.btn.dark{background:var(--iph-navy);color:white}
.btn.blue{background:var(--iph-blue);color:white}
.btn.full{width:100%}

.hero{
 min-height:720px;
 color:white;
 display:flex;
 align-items:center;
 background:
 linear-gradient(120deg,rgba(6,21,40,.94),rgba(11,92,255,.66),rgba(15,118,110,.55)),
 url('/images/profile/profile-page-1.jpg') center/cover no-repeat;
}

.hero.small{min-height:380px}

.hero-grid{
 display:grid;
 grid-template-columns:1.1fr .8fr;
 gap:48px;
 align-items:center;
}

.kicker{
 color:#facc15;
 font-weight:900;
 text-transform:uppercase;
 letter-spacing:.14em;
 font-size:13px;
}

.hero h1{
 font-size:68px;
 line-height:1.02;
 margin:16px 0;
 max-width:900px;
}

.hero.small h1{font-size:48px}

.hero p{
 color:#eef2f7;
 font-size:19px;
 line-height:1.75;
 max-width:850px;
}

.section{
 padding:80px 6%;
}

.section.white{background:white}

.section-title{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:24px;
 margin-bottom:34px;
}

.section-title h1,
.section-title h2{
 margin:0;
 color:var(--iph-navy);
 font-size:40px;
 line-height:1.1;
}

.section-title p{
 color:var(--iph-muted);
 margin:8px 0 0;
 line-height:1.6;
}

.grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:22px;
}

.cards{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:28px;
}

.item,
.card,
.panel{
 background:white;
 border:1px solid var(--iph-border);
 border-radius:var(--iph-radius);
 box-shadow:var(--iph-shadow);
 overflow:hidden;
}

.item{
 padding:28px;
 transition:.25s;
}

.item:hover,
.card:hover{
 transform:translateY(-4px);
}

.icon{
 font-size:36px;
 margin-bottom:12px;
}

.item h3,
.card h3{
 color:var(--iph-navy);
 margin:10px 0;
}

.item p,
.card p{
 color:var(--iph-muted);
 line-height:1.7;
}

.thumb{
 height:300px;
 background:#e5e7eb;
 background-size:cover!important;
 background-position:center!important;
 position:relative;
}

.tag{
 position:absolute;
 top:16px;
 left:16px;
 background:rgba(6,21,40,.92);
 color:white;
 padding:9px 14px;
 border-radius:999px;
 font-size:12px;
 font-weight:900;
}

.body{
 padding:24px;
}

.price{
 color:var(--iph-green);
 font-size:21px;
 font-weight:900;
}

.meta{
 color:var(--iph-muted);
 font-size:14px;
 margin:12px 0;
}

input,select,textarea{
 width:100%;
 padding:16px;
 border:1px solid var(--iph-border);
 border-radius:14px;
 font-size:15px;
 background:white;
}

textarea{min-height:140px}

.fields{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:14px;
 margin-top:14px;
}

.searchbox{
 background:white;
 padding:26px;
 border-radius:28px;
 box-shadow:0 30px 90px rgba(0,0,0,.32);
}

.searchbox h3{
 color:var(--iph-navy);
 margin-top:0;
}

.searchbtn{
 width:100%;
 background:var(--iph-blue);
 color:white;
 padding:17px;
 border:0;
 border-radius:14px;
 font-weight:900;
 margin-top:14px;
 cursor:pointer;
}

.breadcrumb{
 padding:18px 6%;
 background:white;
 border-bottom:1px solid var(--iph-border);
 color:var(--iph-muted);
}

.breadcrumb a{
 color:var(--iph-blue);
 font-weight:900;
}

.cta{
 margin:50px 6%;
 padding:48px;
 border-radius:32px;
 background:linear-gradient(120deg,var(--iph-navy),#123b72);
 color:white;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:28px;
}

.footer{
 background:var(--iph-navy);
 color:white;
 padding:50px 6%;
 margin-top:70px;
}

table{
 width:100%;
 border-collapse:collapse;
 background:white;
 border-radius:20px;
 overflow:hidden;
}

th,td{
 padding:14px;
 border-bottom:1px solid var(--iph-border);
 text-align:left;
}

@media(max-width:1050px){
 .hero h1{font-size:46px}
 .grid,.cards{grid-template-columns:repeat(2,1fr)}
 .menu{gap:12px}
 .menu a{font-size:12px}
}

@media(max-width:800px){
 .hero-grid,.grid,.cards,.fields{grid-template-columns:1fr}
 .hero h1{font-size:38px}
 .menu{display:none}
 .cta{display:block}
}

/* ===========================
   IPH HERO SLIDER
=========================== */

.iph-hero{
    position:relative;
    height:92vh;
    overflow:hidden;
}

.iph-slide{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transform:scale(1.08);
    transition:opacity 1s ease, transform 6s ease;
}

.iph-slide.active{
    opacity:1;
    transform:scale(1);
}

.iph-slide .overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(120deg, rgba(6,21,40,.88), rgba(11,92,255,.38), rgba(15,118,110,.18));
}

.iph-slide .content{
    position:relative;
    z-index:5;
    padding-top:170px;
    color:white;
    max-width:900px;
}

.iph-slide h1{
    font-size:72px;
    line-height:1;
    margin:15px 0;
}

.iph-slide p{
    font-size:21px;
    line-height:1.8;
    max-width:700px;
}

.hero-dots{
    position:absolute;
    bottom:35px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:12px;
    z-index:20;
}

.hero-dots span{
    width:14px;
    height:14px;
    border-radius:50%;
    background:white;
    opacity:.35;
    cursor:pointer;
    transition:.3s;
}

.hero-dots span.active{
    opacity:1;
    background:#f5b301;
    transform:scale(1.3);
}

/* ===========================
   PREMIUM PROPERTY SEARCH
=========================== */
.iph-search-wrap{
    padding:0 6%;
    margin-top:-80px;
    position:relative;
    z-index:30;
}

.iph-search-card{
    background:white;
    border-radius:28px;
    padding:22px;
    box-shadow:0 30px 90px rgba(16,24,40,.20);
    border:1px solid #e5e7eb;
}

.iph-search-tabs{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:18px;
}

.iph-search-tabs a{
    padding:11px 18px;
    border-radius:999px;
    background:#f1f5f9;
    color:#061528;
    font-weight:900;
}

.iph-search-tabs a:hover{
    background:#061528;
    color:white;
}

.iph-search-form{
    display:grid;
    grid-template-columns:2fr 1fr 1.2fr 1fr auto;
    gap:12px;
}

.iph-search-form button{
    border:0;
    background:#f5b301;
    color:#061528;
    border-radius:14px;
    padding:0 26px;
    font-weight:900;
    cursor:pointer;
}

@media(max-width:1000px){
    .iph-search-wrap{margin-top:-35px}
    .iph-search-form{grid-template-columns:1fr}
    .iph-search-form button{padding:16px}
}

/* ===========================
   PREMIUM PROPERTY CARD
=========================== */
.iph-property-card{
    background:white;
    border:1px solid #e5e7eb;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 24px 80px rgba(16,24,40,.14);
    transition:.25s;
}

.iph-property-card:hover{
    transform:translateY(-6px);
    box-shadow:0 34px 100px rgba(16,24,40,.20);
}

.iph-property-image{
    height:330px;
    display:block;
    position:relative;
    background-size:cover;
    background-position:center;
    background-color:#e5e7eb;
}

.iph-badge{
    position:absolute;
    top:18px;
    left:18px;
    background:#061528;
    color:white;
    padding:9px 15px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}

.iph-fav{
    position:absolute;
    top:18px;
    right:18px;
    background:white;
    color:#061528;
    width:42px;
    height:42px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:900;
}

.iph-property-body{
    padding:25px;
}

.iph-property-type{
    color:#0b5cff;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:900;
}

.iph-property-body h3{
    color:#061528;
    font-size:23px;
    line-height:1.25;
    margin:10px 0;
}

.iph-property-price{
    color:#0f766e;
    font-size:22px;
    font-weight:900;
    margin-bottom:10px;
}

.iph-property-location{
    color:#667085;
    margin-bottom:14px;
}

.iph-property-features{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:15px;
}

.iph-property-features span{
    background:#f1f5f9;
    padding:8px 11px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    color:#061528;
}

.iph-property-body p{
    color:#667085;
    line-height:1.65;
}

.iph-property-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

/* ===========================
   IMAGE UPLOAD PREVIEW
=========================== */
.upload-preview-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:18px;
}
.upload-preview-grid img{
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(16,24,40,.12);
}
@media(max-width:800px){
    .upload-preview-grid{grid-template-columns:1fr 1fr}
}

/* ===========================
   PROPERTY WIZARD
=========================== */

.wizard-progress{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:35px 0 45px;
    position:relative;
}

.wizard-progress::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:22px;
    height:4px;
    background:#e5e7eb;
    z-index:0;
}

.wizard-step{
    position:relative;
    z-index:2;
    background:white;
    text-align:center;
    width:20%;
}

.wizard-step span{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#dbeafe;
    color:#0b5cff;
    font-weight:900;
    margin:auto;
}

.wizard-step.active span{
    background:#0b5cff;
    color:white;
}

.wizard-step p{
    margin-top:10px;
    font-size:13px;
    font-weight:700;
    color:#475569;
}

/* ===========================
   PROPERTY DETAILS V2
=========================== */
.lightbox{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.92);
    z-index:9999;
    align-items:center;
    justify-content:center;
}
.lightbox img{
    max-width:92%;
    max-height:88%;
    border-radius:18px;
}
.lightbox button{
    position:absolute;
    top:25px;
    right:30px;
    background:#f5b301;
    color:#061528;
    border:0;
    border-radius:999px;
    width:44px;
    height:44px;
    font-size:24px;
    font-weight:900;
    cursor:pointer;
}
.details-actions{
    display:grid;
    gap:12px;
    margin-top:16px;
}
.whatsapp-btn{
    background:#25D366!important;
    color:white!important;
}
.share-btn{
    background:#f1f5f9!important;
    color:#061528!important;
}

.logout-btn{
 background:transparent;
 border:0;
 color:#e5e7eb;
 font-weight:800;
 font-size:14px;
 cursor:pointer;
}

.logout-btn:hover{
 color:#f5b301;
}

.iph-footer{
 background:#061528;
 color:white;
 padding:60px 6% 25px;
 margin-top:80px;
}

.footer-grid{
 display:grid;
 grid-template-columns:2fr 1fr 1fr 1.4fr;
 gap:35px;
}

.iph-footer h3,
.iph-footer h4{
 margin:12px 0;
 color:white;
}

.iph-footer p{
 color:#cbd5e1;
 line-height:1.7;
}

.iph-footer a{
 display:block;
 color:#cbd5e1;
 margin:10px 0;
 font-weight:700;
}

.iph-footer a:hover{
 color:#f5b301;
}

.footer-bottom{
 border-top:1px solid rgba(255,255,255,.12);
 margin-top:35px;
 padding-top:20px;
 color:#94a3b8;
}

@media(max-width:900px){
 .footer-grid{
  grid-template-columns:1fr;
 }
}

.empty-home{
 padding:70px;
 text-align:center;
}
.empty-home h2{
 color:#061528;
 font-size:34px;
 margin-top:0;
}
.empty-home p{
 color:#667085;
 font-size:18px;
}


.iph-whatsapp-float{
 position:fixed;
 right:22px;
 bottom:22px;
 z-index:9998;
 background:#25D366;
 color:white;
 width:62px;
 height:62px;
 border-radius:999px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:28px;
 font-weight:900;
 box-shadow:0 18px 45px rgba(0,0,0,.25);
}

.iph-whatsapp-float:hover{
 transform:scale(1.06);
}