*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;line-height:1.6;color:#2c3e50}header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}nav ul{list-style:none;display:flex;gap:2rem}nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}nav a:hover{color:#87ceeb}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=1920&q=80);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;position:relative}.hero-content h1{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{display:inline-block;background:#f39c12;color:#fff;padding:1rem 2rem;text-decoration:none;border-radius:5px;font-weight:700;transition:background .3s;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background:#e67e22}#properties{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#1e3c72}.section-subtitle{text-align:center;font-size:1.2rem;margin-bottom:3rem;color:#7f8c8d}.property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.property-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s}.property-card:hover{transform:translateY(-5px)}.property-image{height:250px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;position:relative}.property-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#0003,#0006)}.property-image span{position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.property-card:nth-child(1) .property-image{background-image:url(https://images.unsplash.com/photo-1613490493576-7fde63acd811?w=800&q=80)}.property-card:nth-child(2) .property-image{background-image:url(https://images.unsplash.com/photo-1512917774080-9991f1c4c750?w=800&q=80)}.property-card:nth-child(3) .property-image{background-image:url(https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=800&q=80)}.property-info{padding:1.5rem}.property-title{font-size:1.5rem;margin-bottom:.5rem;color:#2c3e50}.property-price{font-size:1.3rem;color:#f39c12;font-weight:700;margin-bottom:1rem}.property-features{list-style:none;margin-bottom:1rem}.property-features li{padding:.3rem 0;color:#7f8c8d}.property-link{display:inline-block;background:#1e3c72;color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:3px;font-size:.9rem;transition:background .3s}.property-link:hover{background:#2a5298}#about{background:#ecf0f1;padding:5rem 2rem}.about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:1rem;color:#1e3c72}.about-text p{margin-bottom:1rem;color:#5d6d7e}.about-image{height:400px;background:linear-gradient(#0000001a,#0003),url(https://images.unsplash.com/photo-1540541338287-41700207dee6?w=800&q=80);background-size:cover;background-position:center;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.about-image span{position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#contact{padding:5rem 2rem;background:#2c3e50;color:#fff}.contact-content{max-width:1200px;margin:0 auto;text-align:center}.contact-content h2{font-size:2.5rem;margin-bottom:1rem}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.contact-item{padding:1rem}.contact-item h3{margin-bottom:.5rem;color:#f39c12}footer{background:#1a252f;color:#fff;text-align:center;padding:2rem 0}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.about-content{grid-template-columns:1fr}nav{flex-direction:column;gap:1rem}}