*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:#e8eef2;font-family:Arial,sans-serif;color:#1e3a5f}.app{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding-top:60px}.navbar{position:fixed;top:0;left:0;width:100%;background:#0a1f3c;color:#fff;z-index:1000;box-shadow:0 2px 12px #0000004d}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:12px 20px}.brand{text-decoration:none;color:#fff}.brand h1{font-weight:700;font-size:1.3rem;margin:0;transition:color .3s ease}.brand:hover .brand-logo{transform:scale(1.05);filter:brightness(1.4)}.nav-links{display:flex;gap:20px;align-items:center}.calc-btn{padding:8px 14px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .3s ease;border-radius:6px;color:#fff;font-weight:500;font-size:.95rem;display:flex;align-items:center;justify-content:center}.calc-btn:hover{border:1px solid #FFFFFF;background:#ffffff1a;transform:translateY(-1px)}.nav-btn{padding:8px 14px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .3s ease;border-radius:6px;color:#fff;text-decoration:none;font-weight:500;font-size:.95rem}.nav-btn:hover{border:1px solid #FFFFFF;background:#ffffff1a;transform:translateY(-1px)}.nav-btn.active{background:#fff;color:#0a1f3c}.hamburger{font-size:1.4rem;background:none;border:none;display:none;cursor:pointer;color:#fff;padding:8px;border-radius:4px;transition:background .3s ease}.hamburger:hover{background:#ffffff1a}.overlay{position:fixed;inset:0;background:#1e3a5fe6;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlayFadeIn .3s ease-out}.overlay-panel{width:280px;background:#1e3a5f;height:100%;padding:25px 20px;color:#fff;transform:translate(100%);animation:slideIn .4s ease-out forwards;display:flex;flex-direction:column;gap:15px;position:relative;box-shadow:-5px 0 25px #0000004d}.close-btn{position:absolute;top:15px;right:15px;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;transition:transform .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{transform:rotate(90deg);background:#ffffff1a}.overlay-btn{border:1px solid transparent;color:#fff;background:transparent;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1rem;display:flex;align-items:center;gap:10px}.overlay-btn:hover{border:1px solid #FFFFFF;background:#ffffff1a;transform:translate(5px)}.calc-btn.overlay-btn{justify-content:flex-start;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:block}.navbar-container{padding:10px 15px}.brand h1{font-size:1.2rem}}.brand-logo{height:64px;width:auto;display:block;transition:transform .3s ease,filter .3s ease}.brand:hover .brand-logo{transform:scale(1.05);filter:brightness(1.2)}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:block}.navbar-container{padding:10px 15px}.brand-logo{height:32px}}@media (max-width: 480px){.overlay-panel{width:100%}.navbar-container{padding:10px 12px}}.footer{background:#0a1f3c;color:#fff;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem;padding:3rem 0 2rem}.footer-brand h2{color:#fff;font-size:1.5rem;margin:0 0 1rem;font-weight:700}.footer-brand p{color:#fffc;line-height:1.6;margin:0;max-width:300px}.footer-section h3{color:#fff;font-size:1.1rem;margin:0 0 1rem;font-weight:600}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#fffc;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-links a:hover{color:#fff;padding-left:4px}.footer-calc-btn{background:none;border:none;color:#fffc;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.5rem;padding:0;transition:all .3s ease;text-align:left}.footer-calc-btn:hover{color:#fff;padding-left:4px}.footer-contact p{color:#fffc;margin:0 0 .5rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:1.5rem 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#ffffffb3;margin:0;font-size:.9rem}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1;text-align:center;margin-bottom:1rem}.footer-brand p{max-width:none}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;padding:2rem 0 1.5rem;text-align:center}.footer-brand{grid-column:1;margin-bottom:0}.footer-section{text-align:center}.footer-links a:hover,.footer-calc-btn:hover{padding-left:0}.footer-bottom-content{flex-direction:column;text-align:center;gap:.5rem}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer-container{padding:0 .5rem}.footer-content{padding:1.5rem 0 1rem;gap:1.5rem}.footer-brand h2{font-size:1.3rem}.footer-bottom-links{flex-direction:column;gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-section{animation:fadeInUp .6s ease-out}.footer-section:nth-child(1){animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.about-page{background:#e8eef2;min-height:calc(100vh - 60px)}.about-hero{background:linear-gradient(135deg,#0a1f3c,#1e3a5f);padding:4rem 1rem;text-align:center;color:#fff;box-shadow:0 4px 20px #0003}.about-hero-content h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.about-hero-content p{font-size:1.2rem;color:#ffffffe6;max-width:700px;margin:0 auto;line-height:1.6}.about-container{max-width:1200px;margin:0 auto;padding:3rem 1rem}.about-section{margin-bottom:3rem;background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 12px #1e3a5f14;transition:transform .3s ease,box-shadow .3s ease}.about-section:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1e3a5f1f}.section-content h2{color:#1e3a5f;font-size:2rem;font-weight:600;margin:0 0 1.5rem;border-bottom:3px solid #0A1F3C;padding-bottom:.5rem;display:inline-block}.section-content p{color:#2f2f2f;font-size:1.05rem;line-height:1.8;margin:0 0 1rem}.section-content p:last-child{margin-bottom:0}.highlight-section{background:linear-gradient(135deg,#0a1f3c,#1e3a5f);color:#fff}.highlight-section .section-content h2{color:#fff;border-bottom-color:#ffffff4d}.highlight-section .section-content p{color:#fffffff2}.about-cta{background:#0a1f3c;border-radius:16px;padding:3rem 2.5rem;text-align:center;color:#fff;margin-bottom:4rem;box-shadow:0 8px 32px #0000004d}.cta-content h2{font-size:2rem;font-weight:600;margin:0 0 1rem}.cta-content p{font-size:1.1rem;line-height:1.7;margin:0 0 2rem;color:#ffffffe6;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.cta-btn.primary{background:#fff;color:#0a1f3c}.cta-btn.primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 16px #ffffff4d}.cta-btn.secondary{background:transparent;color:#fff;border-color:#fff}.cta-btn.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.faq-section{margin-top:4rem;padding:3rem 0}.faq-title{text-align:center;color:#1e3a5f;font-size:2.2rem;font-weight:700;margin:0 0 1rem}.faq-subtitle{text-align:center;color:#5a7a95;font-size:1.1rem;margin:0 0 3rem}.faq-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:#0a1f3c;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.faq-item:hover{border-color:#ffffff4d;box-shadow:0 4px 16px #0003}.faq-item.active{border-color:#ffffff4d}.faq-question{width:100%;background:transparent;border:none;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#fff;font-size:1.05rem;font-weight:600;text-align:left;transition:background .3s ease}.faq-question:hover{background:#ffffff0d}.faq-icon{flex-shrink:0;transition:transform .3s ease;color:#ffffffb3}.faq-icon.rotated{transform:rotate(180deg);color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;background:#ffffff0d}.faq-answer.open{max-height:500px;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.faq-answer p{margin:0;color:#ffffffe6;line-height:1.7;font-size:1rem}.team-section{background:#fff}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.team-card{background:#0a1f3c;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;border:2px solid rgba(255,255,255,.1)}.team-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0000004d;border-color:#ffffff4d}.team-image img{width:100%;height:260px;object-fit:cover}.team-info{padding:1.5rem}.team-info h3{margin:0;font-size:1.1rem;color:#c5d9e8;font-weight:500}.team-info h4{margin:.5rem 0;font-size:1.3rem;font-weight:700;color:#fff}.team-info p{color:#ffffffe6;font-size:.95rem;line-height:1.6}@media (max-width: 1024px){.about-hero-content h1{font-size:2rem}.about-hero-content p{font-size:1.1rem}.about-section{padding:2rem}.section-content h2{font-size:1.7rem}.about-cta{padding:2.5rem 2rem}}@media (max-width: 768px){.about-hero{padding:3rem 1rem}.about-hero-content h1{font-size:1.7rem}.about-hero-content p{font-size:1rem}.about-container{padding:2rem .5rem}.about-section{padding:1.5rem;margin-bottom:2rem}.section-content h2{font-size:1.5rem}.section-content p{font-size:1rem}.about-cta{padding:2rem 1.5rem;margin-bottom:3rem}.cta-content h2{font-size:1.6rem}.cta-content p{font-size:1rem}.cta-buttons{flex-direction:column;gap:.8rem}.cta-btn{width:100%;justify-content:center}.faq-title{font-size:1.8rem}.faq-subtitle{font-size:1rem;padding:0 1rem}.faq-question{padding:1.2rem;font-size:1rem}.faq-answer.open{padding:1.2rem}.team-info h4{font-size:1.1rem}.team-info p{font-size:.9rem}.team-image img{height:200px}}@media (max-width: 480px){.about-hero{padding:2.5rem .75rem}.about-hero-content h1{font-size:1.5rem}.about-hero-content p{font-size:.95rem}.about-section{padding:1.2rem}.section-content h2{font-size:1.3rem}.about-cta{padding:1.5rem 1rem}.cta-content h2{font-size:1.4rem}.faq-question{padding:1rem;font-size:.95rem}.faq-answer.open{padding:1rem}.faq-answer p{font-size:.95rem}}.about-section,.faq-item{animation:fadeInUp .6s ease-out}.about-section:nth-child(1){animation-delay:.1s}.about-section:nth-child(2){animation-delay:.2s}.about-section:nth-child(3){animation-delay:.3s}.about-section:nth-child(4){animation-delay:.4s}.carousel{position:relative;width:100%;height:420px;overflow:hidden;border-radius:8px;background:#000}.carousel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-overlay-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.7) 0%,rgba(15,23,42,.3) 50%,transparent 100%);pointer-events:none}.carousel-text-container{position:absolute;top:clamp(20px,4vw,40px);left:clamp(20px,4vw,50px);z-index:2}.text-box{position:absolute;top:0;left:0;max-width:clamp(300px,50vw,600px)}.carousel-title{margin:0 0 clamp(8px,1.5vw,12px) 0;font-size:clamp(28px,5vw,52px);font-weight:800;color:#f8fafc;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.02em}.carousel-subtitle{margin:0;font-size:clamp(14px,2vw,18px);color:#cbd5e1;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.3)}.text-out{animation:slideOut .6s ease forwards}.text-incoming{opacity:0;transform:translateY(30px)}.text-in{animation:slideIn .6s ease forwards}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.indicator{width:8px;height:8px;border-radius:50%;background:#f8fafc4d;transition:all .3s ease}.indicator-active{width:24px;border-radius:4px;background:#f8fafc}@media (max-width: 900px){.carousel{height:360px}}@media (max-width: 600px){.carousel{height:300px}.carousel-text-container{top:16px;left:16px}}.carousel-logo-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;animation:fadeIn .6s ease}.carousel-logo{width:clamp(180px,30vw,300px);height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));opacity:.95}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.home{background-color:#e8eef2;min-height:calc(100vh - 60px)}.hero-section{margin-bottom:2rem}.home-content{display:block;max-width:1200px;margin:0 auto;padding:0 1rem}.main-content{background:#e8eef2}.property-section{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.section-header h2{color:#1e3a5f;font-size:1.5rem;font-weight:600;margin:0}.view-all-arrow{color:#1e3a5f;font-size:1.5rem;text-decoration:none;font-weight:700;transition:transform .2s ease}.view-all-arrow:hover{transform:translate(4px)}.property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.property-card{background:#0a1f3c;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;border:2px solid rgba(255,255,255,.1)}.property-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006;border-color:#ffffff4d}.property-image{position:relative;height:200px;overflow:hidden;background:#1e3a5f}.property-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.property-card:hover .property-image img{transform:scale(1.05)}.property-details{padding:1rem}.property-details h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#fff}.property-price{margin:0;font-size:.95rem;color:#fffc;font-weight:500}.sidebar-desktop{background:#2c5f8d;border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:80px}.sidebar-mobile{display:none}.sidebar-content h2{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.sidebar-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.sidebar-link{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;color:#fff;text-decoration:none;padding:.75rem 1rem;border-radius:8px;font-weight:500;transition:all .3s ease;border:1px solid transparent}.sidebar-link:hover{background:#fff3;border-color:#fff;transform:translate(4px)}.sidebar-link .arrow{font-size:1.2rem;transition:transform .3s ease}.sidebar-link:hover .arrow{transform:translate(4px)}.featured-property{margin-bottom:1.5rem}.featured-property .property-card{background:#0a1f3c}.sidebar-tax-calc{background:#ffffff26;border-radius:8px;padding:1rem;text-align:center;border:1px solid rgba(255,255,255,.3)}.calculator-icon-small{display:flex;justify-content:center;margin-bottom:.5rem;color:#fff}.sidebar-tax-calc h4{color:#fff;margin:0 0 .5rem;font-size:1rem}.sidebar-tax-calc p{color:#fffc;font-size:.85rem;margin:0;line-height:1.4}.tax-calculator-section{margin-top:3rem;display:flex;justify-content:center}.tax-calculator{background:#c5d9e8;border-radius:12px;padding:2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 12px #1e3a5f1a;display:flex;flex-direction:column;align-items:center;gap:1rem}.calculator-icon{color:#1e3a5f;margin-bottom:.5rem}.calculator-content h3{color:#1e3a5f;margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.calculator-content p{color:#1e3a5f;margin:0 0 1.5rem;line-height:1.5;opacity:.8}.calculate-btn{background:#1e3a5f;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.calculate-btn:hover{background:#2c5f8d;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.home-faq-section{margin-top:4rem;margin-bottom:3rem;padding:0}.home-faq-title{text-align:center;color:#1e3a5f;font-size:2.2rem;font-weight:700;margin:0 0 1rem}.home-faq-subtitle{text-align:center;color:#5a7a95;font-size:1.1rem;margin:0 0 3rem}.home-faq-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.home-faq-item{background:#0a1f3c;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.home-faq-item:hover{border-color:#ffffff4d;box-shadow:0 4px 16px #0003}.home-faq-item.active{border-color:#ffffff4d}.home-faq-question{width:100%;background:transparent;border:none;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#fff;font-size:1.05rem;font-weight:600;text-align:left;transition:background .3s ease}.home-faq-question:hover{background:#ffffff0d}.home-faq-icon{flex-shrink:0;transition:transform .3s ease;color:#ffffffb3}.home-faq-icon.rotated{transform:rotate(180deg);color:#fff}.home-faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;background:#ffffff0d}.home-faq-answer.open{max-height:500px;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.home-faq-answer p{margin:0;color:#ffffffe6;line-height:1.7;font-size:1rem}@media (max-width: 1024px){.home-content{grid-template-columns:1fr;gap:1.5rem}.sidebar-desktop{display:none}.sidebar-mobile{display:block;background:#2c5f8d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.sidebar-mobile .sidebar-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:0}}@media (max-width: 768px){.home-content{padding:0 .5rem}.property-grid{grid-template-columns:1fr;gap:1rem}.section-header{padding:0}.section-header h2{font-size:1.3rem}.property-card{border-radius:8px}.property-image{height:180px}.sidebar-mobile .sidebar-links{grid-template-columns:1fr}.tax-calculator{padding:1.5rem;margin:0 .5rem}.tax-calculator-section{margin-top:2rem}.home-faq-title{font-size:1.8rem}.home-faq-subtitle{font-size:1rem;padding:0 1rem}.home-faq-question{padding:1.2rem;font-size:1rem}.home-faq-answer.open{padding:1.2rem}}@media (max-width: 480px){.home-content{padding:0 .25rem}.property-section{margin-bottom:2rem}.sidebar-content{padding:0}.sidebar-content h2{font-size:1.2rem;margin-bottom:1rem}.tax-calculator{padding:1rem}.calculator-content h3{font-size:1.2rem}.property-image{height:160px}.home-faq-question{padding:1rem;font-size:.95rem}.home-faq-answer.open{padding:1rem}.home-faq-answer p{font-size:.95rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.property-card{animation:fadeInUp .6s ease-out}.property-card:nth-child(1){animation-delay:.1s}.property-card:nth-child(2){animation-delay:.2s}.property-card:nth-child(3){animation-delay:.3s}.home-faq-item{animation:fadeInUp .6s ease-out}.page-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;background:#e8eef2;color:#1e3a5f;font-size:1.5rem;font-weight:600;text-align:center;padding:2rem}.listing-card{background:#0a1f3c;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 20px #0000004d}.card-link{display:flex;gap:18px;text-decoration:none;color:inherit;align-items:stretch;padding:12px}.card-left{width:320px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#1e3a5f}.card-left img{width:100%;height:180px;object-fit:cover;display:block}.card-right{flex:1;display:flex;flex-direction:column;justify-content:space-between}.card-top{margin-bottom:8px}.card-title{margin:0 0 6px;font-size:1.1rem;color:#fff;font-weight:600}.card-location{margin:0 0 6px;font-size:.95rem;color:#fffc}.card-price{margin:0 0 10px;color:#fff;font-weight:700}.card-desc p{margin:0 0 12px;color:#ffffffe6;line-height:1.4}.card-features{display:flex;gap:16px;align-items:center;font-weight:700;color:#fff;margin-bottom:8px}.feature{display:inline-flex;gap:6px;align-items:center;background:#ffffff1a;padding:6px 10px;border-radius:8px;font-size:.95rem}.card-action{display:flex;justify-content:flex-end;font-weight:700;color:#fff}@media (max-width: 920px){.card-link{flex-direction:column}.card-left{width:100%}.card-left img{height:240px}.card-action{justify-content:flex-start;margin-top:8px}}.listings-page{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:100px 20px 40px;max-width:1200px;margin:auto;align-items:start;font-family:Arial,sans-serif;color:#1e3a5f;background:#e8eef2}.filters{background:#f0f4f7;padding:18px;border-radius:10px;border:1px solid rgba(30,58,95,.06);box-shadow:0 4px 12px #1e3a5f0a;position:sticky;top:90px}.category-tabs{display:flex;gap:8px;margin-bottom:6px}.tab{padding:8px 12px;border-radius:20px;background:transparent;border:1px solid rgba(30,58,95,.08);color:#1e3a5f;text-decoration:none;font-weight:600}.tab.active{background:#1e3a5f;color:#fff;border-color:transparent}.filter-section{margin-top:14px}.filter-section h4{margin:0 0 8px;font-size:.95rem;color:#1e3a5f}.location-pills,.bedroom-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 12px;border-radius:20px;background:#f0f4f7;border:1px solid rgba(30,58,95,.08);cursor:pointer;font-weight:600;color:#1e3a5f}.pill.active{background:#1e3a5f;color:#fff;border-color:transparent}.price-inputs{display:flex;gap:8px}.price-inputs input{flex:1;min-width:0;padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:.9rem;box-sizing:border-box}.filter-actions{margin-top:14px;display:flex;gap:10px}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.btn.apply{background:#1e3a5f;color:#fff}.btn.reset{background:transparent;color:#1e3a5f;border:1px solid rgba(30,58,95,.08)}.listings-grid{display:flex;flex-direction:column;gap:22px;padding-bottom:40px}.no-results{padding:40px;background:#fff;border-radius:10px;text-align:center}@media (max-width: 980px){.listings-page{grid-template-columns:1fr;padding-top:80px}.filters{position:relative;top:auto;margin-bottom:20px}}@media (max-width: 600px){.price-inputs{flex-direction:column}}.single-listing-page{max-width:1000px;margin:0 auto;padding:40px 20px;font-family:Arial,sans-serif;color:#2f2f2f;background:#e8eef2}.listing-header{margin-bottom:20px}.listing-status{color:#2c5f8d;margin:0 0 4px;font-size:20px}.listing-title{font-size:26px;margin:0 0 6px;color:#1e3a5f}.listing-location{margin:0 0 8px;font-size:16px;color:#5a7a95}.listing-price{font-size:20px;font-weight:600;color:#2c5f8d}.listing-carousel{position:relative;margin:20px 0;overflow:hidden;border-radius:8px;box-shadow:0 2px 10px #1e3a5f1a}.carousel-track{width:100%;overflow:hidden}.carousel-inner{display:flex;transition:transform .5s ease-in-out}.carousel-inner img{width:100%;max-height:450px;object-fit:cover;flex-shrink:0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#2c5f8dcc;border:none;color:#fff;font-size:28px;padding:6px 12px;cursor:pointer;border-radius:50%;transition:background .3s,opacity .3s;z-index:2}.carousel-btn:hover{background:#2c5f8d}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-btn.disabled{background:#2c5f8d4d;cursor:not-allowed;opacity:.5}.carousel-dots{text-align:center;margin-top:10px}.dot{height:12px;width:12px;margin:0 5px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer;transition:background .3s}.dot.active{background-color:#2c5f8d}.listing-details,.listing-contact,.listing-description{margin:20px 0;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #1e3a5f0f}.listing-details h3,.listing-contact h3,.listing-description h3{margin-bottom:10px;color:#2c5f8d}.listing-details ul{list-style:none;padding:0}.listing-details li{margin-bottom:6px}.single-listing.not-found{text-align:center;padding:80px 20px}.back-link{color:#2c5f8d;text-decoration:underline}@media (max-width: 768px){.listing-title{font-size:22px}.listing-price{font-size:18px}.carousel-inner img{max-height:280px}}
