@import "https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Poiret+One&family=TASA+Explorer:wght@400..800&display=swap";
:root{--primary:#1431a4;--secondary:#b21f1f;--accent:#fdbb2d;--bg:#f4f7f6;--white:#fff;--text:#2c3e50;--font-main:"Lexend Decca",sans-serif;--font-title:"Poiret One",cursive;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:TASA Explorer,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:var(--primary);color:var(--white);z-index:1000;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-area{color:var(--white);z-index:1100;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{width:auto;height:40px}.site-name{font-family:var(--font-title);font-size:1.5rem;font-weight:700}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu a{color:var(--white);font-family:var(--font-main);transition:var(--transition);font-weight:300;text-decoration:none}.nav-menu a:hover{color:var(--accent)}.hamburger{cursor:pointer;z-index:1100;flex-direction:column;gap:5px;display:none}.hamburger span{background:var(--white);width:25px;height:3px;transition:var(--transition)}.portfolio-layout{gap:30px;margin-top:40px;display:flex}.sidebar{background:var(--white);border-radius:12px;width:280px;height:fit-content;padding:2rem;box-shadow:0 4px 15px #0000000d}.sidebar h3{font-family:var(--font-main);margin-bottom:1.5rem}.filter-group{margin-bottom:1.2rem}.filter-group label{margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.filter-group select,.filter-group input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-family:inherit}.property-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;display:grid}@media (max-width:768px){.hamburger{display:flex}.nav-menu{background:var(--primary);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .4s ease-in-out;position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.nav-menu a{font-size:2rem;font-family:var(--font-title)}.portfolio-layout{flex-direction:column}.sidebar{width:100%}}