:root{--color-primary:#1f4ed8;--color-primary-dark:#1e40af;--color-background:#fff;--color-surface:#f8fafc;--color-text:#1e293b;--color-text-light:#64748b;--color-border:#e2e8f0;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 8px 24px #0000001f;--container-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}h1{margin:0;font-size:3rem;line-height:1.1}h2{font-size:2rem}p{line-height:1.7}body{background:var(--color-background);color:var(--color-text);margin:0;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit}.navbar{background:var(--color-surface);box-shadow:var(--shadow-sm)}.navbar-content{justify-content:space-between;align-items:center;height:80px;display:flex}.navbar-logo{color:var(--color-primary);font-size:1.5rem;font-weight:700}.navbar-menu{gap:var(--spacing-lg);display:flex}.navbar-menu a{color:var(--color-text);transition:var(--transition)}.navbar-menu a:hover{color:var(--color-accent)}.container{width:100%;max-width:var(--container-width);padding:0 var(--spacing-md);margin:0 auto}.hero{padding:80px 0}.hero-content{justify-content:space-between;align-items:center;gap:48px;display:flex}.hero-text{flex:1}.hero-image{background:#f3f4f6;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:350px;display:flex}.hero-tag{color:#2563eb;background:#eef6ff;border-radius:999px;margin-bottom:16px;padding:8px 16px;font-weight:600;display:inline-block}.hero h1{margin-bottom:24px;font-size:3rem;line-height:1.1}.hero p{color:#666;max-width:550px;margin-bottom:32px;font-size:1.1rem}.btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:12px 24px}.btn:hover{background:var(--color-secondary)}.apartment-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.apartment-card img{object-fit:cover;width:100%;height:220px}.card-content{padding:1rem}.card-content h3{margin:.5rem 0}.apartment-card-link{color:inherit;text-decoration:none}.apartment-card-link:hover{text-decoration:none}.building-card{background:#fff;border-radius:12px;transition:all .25s;overflow:hidden;box-shadow:0 4px 12px #00000014}.building-card:hover{transform:translateY(-6px)}.building-image{object-fit:cover;width:100%;height:220px}.building-content{padding:1.5rem}.building-content h3{margin-bottom:.5rem}.building-city{color:#777}.building-count{margin:1rem 0;font-weight:600;display:block}.building-button{width:100%}.buildings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.apartment-detail{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;margin:3rem 0;display:grid}.apartment-image img{border-radius:16px;width:100%;display:block}.apartment-info h1,.apartment-info p{margin-bottom:1rem}.apartment-info h2{color:#c27a35;margin-top:2rem}.apartment-features{flex-direction:column;gap:.8rem;margin:1.5rem 0;display:flex}.feature{align-items:center;gap:.75rem;font-size:1rem;display:flex}.status{border-radius:999px;margin-top:1rem;padding:.4rem .8rem;font-weight:600;display:inline-block}.available{color:#1f7a3f;background:#d4edda}.unavailable{color:#842029;background:#f8d7da}.contact-button{width:100%;margin-top:2rem}@media (width<=768px){.apartment-detail{grid-template-columns:1fr}.apartment-image{order:1}.apartment-info{order:2}}