* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Poppins', sans-serif; background:#f8f8f8; color:#333; overflow-x:hidden; }
header { background: linear-gradient(45deg, #004aad, #007aff); color:#fff; text-align:center; padding:2rem 1rem; }
header h1 { font-size:2.5rem; }
header p { font-size:1.1rem; opacity:0.9; }
nav { background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); display:flex; justify-content:center; flex-wrap:wrap; position:sticky; top:0; z-index:999; }
nav a { color:#004aad; text-decoration:none; padding:1rem; font-weight:600; transition:0.3s; }
nav a:hover { background:#004aad; color:#fff; }
.hero { background:url('https://images.unsplash.com/photo-1505691723518-36a5ac3be353?auto=format&fit=crop&w=1500&q=80') center/cover; height:65vh; display:flex; justify-content:center; align-items:center; color:#fff; text-shadow:2px 2px 6px rgba(0,0,0,0.7); }
.hero h2 { font-size:2.5rem; text-align:center; }
.container { max-width:1100px; margin:3rem auto; padding:0 1rem; }
.section-title { text-align:center; margin-bottom:1.5rem; color:#004aad; font-size:2rem; position:relative; }
.section-title::after { content:''; width:80px; height:3px; background:#004aad; display:block; margin:0.5rem auto 0; border-radius:3px; }
#hakkimizda p { text-align:center; font-size:1.1rem; max-width:900px; margin:auto; color:#555; line-height:1.8; }
.info-boxes { display:flex; justify-content:center; flex-wrap:wrap; gap:2rem; margin-top:2rem; }
.info-box { flex:1 1 280px; background:#fff; border-radius:10px; padding:1.5rem; box-shadow:0 4px 12px rgba(0,0,0,0.1); text-align:center; transition:0.3s; }
.info-box:hover { transform:translateY(-8px); }
.info-box i { color:#004aad; font-size:2rem; margin-bottom:1rem; }
.apartments { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:1.5rem; margin-top:3rem; }
.card { background:#fff; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); overflow:hidden; transition: transform 0.3s; }
.card:hover { transform:translateY(-5px); }
.card img { width:100%; height:200px; object-fit:cover; }
.card-content { padding:1rem; text-align:center; }
.card-content h3 { color:#004aad; margin-bottom:0.5rem; }
footer { background:#004aad; color:#fff; text-align:center; padding:2rem 1rem; margin-top:2rem; }
footer a { color:#fff; text-decoration:none; }
footer p { font-size:0.9rem; }
.floating-buttons { position:fixed; right:20px; bottom:20px; display:flex; flex-direction:column; align-items:center; gap:10px; z-index:1000; }
.floating-buttons a { background:#25d366; color:#fff; font-size:1.5rem; padding:15px; border-radius:50%; text-align:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); transition:0.3s; }
.floating-buttons a.call { background:#004aad; }
.floating-buttons a:hover { transform:scale(1.1); }