body{color:#1e293b;background-color:#f8fafc;margin:0;font-family:Inter,sans-serif}.properties-page{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);width:100%;max-width:100vw;min-height:100vh;overflow:hidden}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background-color:rgba(255,255,255,.8);border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.header-container{justify-content:space-between;align-items:center;max-width:1200px;padding:1rem;display:flex}.header-logo{justify-content:center;align-items:center;gap:.5rem;height:40px;display:flex;overflow:hidden}.header-logo>video{width:100%;height:300%}.header-logo-text{color:#1e293b;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:#64748b;text-decoration:none}.main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.button-primary{color:#fff;cursor:pointer;background-color:#1e293b;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;transition:background-color .3s}.search-section{margin-bottom:2rem}.page-title{color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:#64748b;margin-bottom:2rem;font-size:1.125rem}.search-box{background-color:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.search-input-container{border:1px solid rgba(128,128,128,.46);border-radius:10px;justify-content:center;align-items:center;margin-bottom:1rem;padding:0 10px;display:flex;overflow:hidden}.search-icon{color:#94a3b8;width:1.25rem;height:1.25rem}.input-special{border:none;border-radius:10px;outline:none;width:100%;padding:15px}.filter-grid{flex-wrap:wrap;gap:1rem;display:flex}.select{flex:1;width:100%;min-width:200px!important;max-width:300px!important}.filter-price{flex:1;justify-content:space-between;gap:1rem;width:100%;padding:10px 0;display:flex}.filter-price>input{border:1px solid #ccc;border-radius:.375rem;width:100%;padding:.5rem}.results-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.results-title{color:#1e293b;font-size:1.5rem;font-weight:600}.sort-by{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.property-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;display:flex}.property-grid>div{flex:300px;width:100%;max-width:350px}.card{cursor:pointer;background-color:#fff;border-radius:.75rem;height:-moz-fit-content;height:fit-content;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card-image-container{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.card-image{object-fit:cover;width:100%;height:100%}.card-badge{position:absolute;top:1rem}.card-badge.left{left:1rem}.card-badge.right{right:1rem}.favorite-button{cursor:pointer;background-color:rgba(255,255,255,.9);border:none;border-radius:50%;padding:.5rem;position:absolute;bottom:1rem;right:1rem}.card-content{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;display:flex}.property-title{color:#1e293b;text-overflow:ellipsis;text-wrap:nowrap;width:100%;font-size:1.25rem;font-weight:700;overflow:hidden}.property-price{color:#16a34a;font-size:1.5rem;font-weight:700}.property-address{color:#64748b;align-items:center;margin-bottom:1rem;display:flex}.property-address svg{margin-right:.25rem}.property-details{color:#64748b;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.detail-item{align-items:center;font-size:.875rem;display:flex}.detail-item svg{margin-right:.25rem}.card-footer{justify-content:space-between;align-items:center;display:flex}.property-stats{color:#64748b;align-items:center;gap:1rem;font-size:.875rem;display:flex}.no-results{text-align:center;padding:4rem 0}.no-results-icon{color:#94a3b8;width:4rem;height:4rem;margin:0 auto 1rem}.no-results h3{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.no-results p{color:#64748b;margin-bottom:1rem}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-sale{color:#fff;background-color:#16a34a}.badge-rent{color:#fff;background-color:#059669}.badge-lease{color:#fff;background-color:#0d9488}.badge-featured{color:#fff;background-color:#eab308}.button{cursor:pointer;border:1px solid transparent;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.button-primary{color:#fff;background-color:#16a34a}.button-primary:hover{background-color:#15803d}.button-outline{color:#475569;background-color:#fff;border-color:#e2e8f0}.button-outline:hover{background-color:#f8fafc}.input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}.select{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}@media (max-width:600px){.page-title{text-align:center;font-size:30px}.page-subtitle{text-align:center}}@media (max-width:400px){h3{margin-bottom:5px;font-size:20px}.card-header{flex-direction:column;align-items:flex-start;gap:5px}.card-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:100%}}@media (max-width:648px){.property-grid>div{max-width:none}}
